前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >win10 uwp 如何给 DropDownButton 一个很小的宽度

win10 uwp 如何给 DropDownButton 一个很小的宽度

作者头像
林德熙
发布2022-08-12 16:37:36
5410
发布2022-08-12 16:37:36
举报
文章被收录于专栏:林德熙的博客

在 UWP 的 Microsoft.UI.Xaml 提供了一个带下箭头的按钮,这就是 DropDownButton 这个按钮继承 Button 按钮,基本表现相同,但是如果给这个按钮一个很小的宽度,将会看不到下箭头图片

原因是如果最小宽度那么下箭头将没有足够空间显示,虽然左边依然有空白地方,但是空白地方有最小宽度要求

解决方法是通过 Padding 属性,让整个按钮的内容移动,让空白地方移动到按钮外,让下箭头移动到可以显示的地方

代码语言:javascript
复制
<DropDownButton Margin="10,10,10,10" Width="17" Height="30" Padding="-15,0,0,0"></DropDownButton>

上面代码核心就是 Padding="-15,0,0,0" 通过 Padding 可以设置按钮的左上右下各个内容边距的值

现在看起来的效果如下图

更多关于 DropDownButton 请看 DropDownButton Class - Windows UWP applications

这是在堆栈网小伙伴问的问题,请看 c# - Change the width of DropDownButton in UWP - Stack Overflow

本文源代码放在github 欢迎小伙伴访问

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档