UWP 如何制作渐变图片背景

 时间:2024-11-04 08:37:32

1、首先,背景图片是可以放在Page.background的,设置Page的Opacity以后,Page里的控件都会有半透明效果。

UWP 如何制作渐变图片背景

2、如图代码,设置MainPage.xaml的Page.background属性为ImageBrush,设置Page.Opacity半透明效果。但是,要制作渐变图片背景,还需要额外的工作。

UWP 如何制作渐变图片背景

3、如图是制作半透明图片效果的方法。Page仍然以ImageBrush为背景,但是将根grid的Grid.background设置为渐变画刷。

UWP 如何制作渐变图片背景

4、通过上面的代码,相当于用一个半透明渐变色作为蒙版蒙在背景上。使用前后效果对比如图。

UWP 如何制作渐变图片背景UWP 如何制作渐变图片背景

5、为了使得渐变效果更加自然,可以手写透明颜色,分多段。如图是一个看起来比较好的方案,0FFF白色透明和0000黑色透明虽然都是透明色,但是它们会影响背景的亮度。

UWP 如何制作渐变图片背景

6、如图是使用上述渐变色方案的效果,上半部分偏亮,下半部分渐渐变为全黑。

UWP 如何制作渐变图片背景
  • UWP 如何通过样式制作圆角渐变边框?
  • UWP SplitView的基本用法
  • UWP 如何添加图片等资源Assets?
  • UWP WebView如何背景透明?
  • 热门搜索
    面粉可以做什么好吃的 流星蝴蝶剑怎么联机 干虾仁怎么做好吃 怎么下载歌曲到mp3 放不下怎么办 小名大全男孩 异地恋怎么聊天 煎饼的做法大全家常 家常拌面 怎么样才能祛斑