UWP 如何自定义ContentDialog的样式

 时间:2024-11-04 16:38:18

1、首先要想办法去掉原有按钮的显示。默认的话,原有按钮没有可见性设置,只能设置他们的文字。

UWP 如何自定义ContentDialog的样式

2、添加ContentDialog.Resources标签,在里边添加一个TargetType为Button的样式,可以改变下方两个Button的显示。

UWP 如何自定义ContentDialog的样式

3、如图分别是设置其背景画刷,以及直接重新定义控件Template。后者的问题在于,难以设置两个按钮的文字使他们不同。

UWP 如何自定义ContentDialog的样式UWP 如何自定义ContentDialog的样式

4、可行的做法是,通过样式设置,先把这两个按钮的Visibility设置为Collapsed,隐藏他们。

UWP 如何自定义ContentDialog的样式

5、接下来要注意,如果使用负的Margin值,将内容区域的一部分下移到按钮所在位置代替按钮并不可行,因为渲染时会被裁剪掉。

UWP 如何自定义ContentDialog的样式UWP 如何自定义ContentDialog的样式UWP 如何自定义ContentDialog的样式

6、一个可行的办法是,通过设置ContentDialog的Background和BorderBrush都为Transparent透明。这样就无法区分内容对话框的边界了。

UWP 如何自定义ContentDialog的样式

7、此时运行效果如图,比较简陋,另外要删去Titile的设置,不显示Title,而是自己在下面显示。

UWP 如何自定义ContentDialog的样式UWP 如何自定义ContentDialog的样式

8、最终完成效果简单如图,实现了按钮,标题和边框的自定义,另外,也看不出原来的ContentDialog边框位置在哪里。

UWP 如何自定义ContentDialog的样式
  • UWP如何自定义鼠标在Button上经过的样式?
  • UWP Xaml如何用ContentDialog自制输入框?
  • UWP 如何自定义CheckBox圆形样式?
  • UWP Xaml如何编写层叠样式?
  • UWP SplitView的基本用法
  • 热门搜索
    上海朱家角古镇旅游区 金孔雀旅游度假村 甘南州旅游局 福州旅游景点排行 宁波旅游景点推荐 赵县旅游 麦豆旅游网 云南旅游风光 甘南旅游景点大全 丁丁旅游香港站