WrapPanel控件增加滚动条
WrapPanel容器控件可以实现内部控件的自动布局,但是在内部控件过多时,并不能出现滚动条来显示全部控件。因此我们需要为其增加滚动条功能。
<WrapPanel Margin="0">
<Rectangle Fill="#FF000000" Height="50" Width="50" Stroke="Black" RadiusX="10" RadiusY="10" />
<Rectangle Fill="#FF111111" Height="50" Width="50" Stroke="Black" RadiusX="10" RadiusY="10" />
<Rectangle Fill="#FF222222" Height="50" Width="50" Stroke="Black" RadiusX="10" RadiusY="10" />
……
</WrapPanel>
首先增加一个ScrollViewer控件,此控件用于显示滚动条。加入以后,就能够显示滚动条了。
<ScrollViewer x:Name="scrList" Margin="0" HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
<WrapPanel Margin="0">
<Rectangle Fill="#FF000000" Height="50" Width="50" Stroke="Black" RadiusX="10" RadiusY="10" />
<Rectangle Fill="#FF111111" Height="50" Width="50" Stroke="Black" RadiusX="10" RadiusY="10" />
<Rectangle Fill="#FF222222" Height="50" Width="50" Stroke="Black" RadiusX="10" RadiusY="10" />
……
</WrapPanel>
</ScrollViewer>
这时又有了一个新问题,因为增加了滚动条,WarpPanel控件宽度改成了自适应,内部控件全部排在了第一行,而这里我想是宽度根据窗体调整,高度自适应。所以设置了WrapPanel的宽度根据ScrollView改动。
<ScrollViewer x:Name="scrList" Margin="0" HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
<WrapPanel Margin="0" Width="{Binding ElementName=scrList, Path=Width, Mode=OneWay}">
<Rectangle Fill="#FF000000" Height="50" Width="50" Stroke="Black" RadiusX="10" RadiusY="10" />
<Rectangle Fill="#FF111111" Height="50" Width="50" Stroke="Black" RadiusX="10" RadiusY="10" />
<Rectangle Fill="#FF222222" Height="50" Width="50" Stroke="Black" RadiusX="10" RadiusY="10" />
……
</WrapPanel>
</ScrollViewer>
现在已经实现了WrapPanel根据显示内容来自动出现滚动条的功能了。
WrapPanel控件增加滚动条相关推荐
- ASP.NET如何给控件增加属性?
ASP.NET如何给控件增加属性? 今天xuedaonet给大家介绍提利用ASP.NET给控件增加属性的操作方法,请看下文! ASP.net给控件增加属性的思路 因为用户控件也是一个类,双城计中计20 ...
- 露雨资源库三(第一个.net2.0软件)-为控件增加自动完成功能
前面我写过"露雨资源库"的第一篇和第二篇,分别介绍了界面设计和设计思路. 链接如下: 露雨资源库(第一个.net2.0软件)一 http://luyu.cnblogs.com/ar ...
- Tab控件中滚动条的设置
取消Tab控件中滚动条的方法: 选择Resources View视图,选择Tab上放置的Page页对话框,点击右键选择Properties->Styles,勾选No scroll选项即可
- MFC常见控件:滚动条控件
MFC常见控件:滚动条控件 1. 滚动条控件简介 滚动条大家也很熟悉了,Windows窗口中很多都有滚动条.列表框和组合框设置了相应属性后,如果列表项显示不下也会出现滚动条.滚动条分为水平滚动条(Ho ...
- 2021-08-08 WPF控件专题 WrapPanel 控件详解
1.WrapPanel 控件介绍 流面板 子元素按顺序排列,如果按水平方向:从左到右,超出部分,自动换行到下一行 垂直 从上到下, 下一列 排列方向:Orientation ItemWidth Ite ...
- 2021-08-16 WPF控件专题 WrapPanel 控件详解
1.WrapPanel 控件介绍 流面板 子元素按顺序排列,如果按水平方向:从左到右,超出部分,自动换行到下一行 垂直 从上到下, 下一列 排列方向:Orientation ItemWidth Ite ...
- win32通用控件TreeView滚动条自绘
<标题>win32通用控件TreeView滚动条自绘 直接使用windows sdk 进行开发自绘滚动条是很让人蛋疼的,嫌消息HOOK 麻烦,又不了解第三方控件,别担心,你还有一条小路可走 ...
- sencha touch 在新版谷歌浏览器中painted事件无法触发解决方案以及carousel 控件、togglefield控件、滚动条失效...
在2.3/2.4版本中,新版谷歌浏览器(43.44版本)里面painted事件是不会触发的,以及carousel 控件.togglefield控件.滚动条失效,官方的解决方案如下,测试可用 会出现这个 ...
- C# WinForm 美化ListBox控件+美化滚动条
为某个工具软件重绘Listbox控件实现界面美化.美化样式很多,以下只是其中一种. 包括为Item增加动态效果(跟随鼠标横向移动的光晕和动态齿轮):自带透明Loading动态效果: 自己专门写了一个垂 ...
最新文章
- linux firefox xvfb,自动化测试之linux+xvfb+selenium+firefox+python测试环境搭建与测试
- 这个赛道能超车几次?
- Keras【Deep Learning With Python】MNIST数据集识别优化
- Use Standard Controllers
- 015 Android之可执行文件dex
- Codeforces Round #337 (Div. 2) C. Harmony Analysis
- Supplemental Logging
- Git添加为远程仓库
- .NET中使用Redis
- [2014.3.23]cse::lab2::partD 简明攻略
- 服务容错保护Hystrix
- Hyperledger Fabric教程(2)-- byfn.sh分析-生成身份证书
- Python机器学习及实践——特征降维
- 英语语法——名词和名词性从句
- 如何实现chrome谷歌浏览器多开(独立环境 独立cookie)
- NOIP 2016 滚粗记
- html的介绍及常用标签,吊打面试官系列!
- Python图形用户界面和游戏开发
- SettingWithCopyWarning: A value is trying to be set on a copy of a slice from a DataFrame
- 波特率(baud)与比特率(bit/s)的差别