UWP 如何自定义ContentDialog的样式?

 时间:2026-02-14 17:12:58

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的基本用法
  • 热门搜索
    可爱的中国手抄报 放飞梦想手抄报素材 防火手抄报图片 让世界充满爱手抄报 三年级教师节手抄报 科技节手抄报资料 历史手抄报版面设计图 二年级国庆节手抄报 教师节英语手抄报内容 关于理想的手抄报内容