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控件增加滚动条相关推荐

  1. ASP.NET如何给控件增加属性?

    ASP.NET如何给控件增加属性? 今天xuedaonet给大家介绍提利用ASP.NET给控件增加属性的操作方法,请看下文! ASP.net给控件增加属性的思路 因为用户控件也是一个类,双城计中计20 ...

  2. 露雨资源库三(第一个.net2.0软件)-为控件增加自动完成功能

    前面我写过"露雨资源库"的第一篇和第二篇,分别介绍了界面设计和设计思路. 链接如下: 露雨资源库(第一个.net2.0软件)一 http://luyu.cnblogs.com/ar ...

  3. Tab控件中滚动条的设置

    取消Tab控件中滚动条的方法: 选择Resources View视图,选择Tab上放置的Page页对话框,点击右键选择Properties->Styles,勾选No scroll选项即可

  4. MFC常见控件:滚动条控件

    MFC常见控件:滚动条控件 1. 滚动条控件简介 滚动条大家也很熟悉了,Windows窗口中很多都有滚动条.列表框和组合框设置了相应属性后,如果列表项显示不下也会出现滚动条.滚动条分为水平滚动条(Ho ...

  5. 2021-08-08 WPF控件专题 WrapPanel 控件详解

    1.WrapPanel 控件介绍 流面板 子元素按顺序排列,如果按水平方向:从左到右,超出部分,自动换行到下一行 垂直 从上到下, 下一列 排列方向:Orientation ItemWidth Ite ...

  6. 2021-08-16 WPF控件专题 WrapPanel 控件详解

    1.WrapPanel 控件介绍 流面板 子元素按顺序排列,如果按水平方向:从左到右,超出部分,自动换行到下一行 垂直 从上到下, 下一列 排列方向:Orientation ItemWidth Ite ...

  7. win32通用控件TreeView滚动条自绘

    <标题>win32通用控件TreeView滚动条自绘 直接使用windows sdk 进行开发自绘滚动条是很让人蛋疼的,嫌消息HOOK 麻烦,又不了解第三方控件,别担心,你还有一条小路可走 ...

  8. sencha touch 在新版谷歌浏览器中painted事件无法触发解决方案以及carousel 控件、togglefield控件、滚动条失效...

    在2.3/2.4版本中,新版谷歌浏览器(43.44版本)里面painted事件是不会触发的,以及carousel 控件.togglefield控件.滚动条失效,官方的解决方案如下,测试可用 会出现这个 ...

  9. C# WinForm 美化ListBox控件+美化滚动条

    为某个工具软件重绘Listbox控件实现界面美化.美化样式很多,以下只是其中一种. 包括为Item增加动态效果(跟随鼠标横向移动的光晕和动态齿轮):自带透明Loading动态效果: 自己专门写了一个垂 ...

最新文章

  1. linux firefox xvfb,自动化测试之linux+xvfb+selenium+firefox+python测试环境搭建与测试
  2. 这个赛道能超车几次?
  3. Keras【Deep Learning With Python】MNIST数据集识别优化
  4. Use Standard Controllers
  5. 015 Android之可执行文件dex
  6. Codeforces Round #337 (Div. 2) C. Harmony Analysis
  7. Supplemental Logging
  8. Git添加为远程仓库
  9. .NET中使用Redis
  10. [2014.3.23]cse::lab2::partD 简明攻略
  11. 服务容错保护Hystrix
  12. Hyperledger Fabric教程(2)-- byfn.sh分析-生成身份证书
  13. Python机器学习及实践——特征降维
  14. 英语语法——名词和名词性从句
  15. 如何实现chrome谷歌浏览器多开(独立环境 独立cookie)
  16. NOIP 2016 滚粗记
  17. html的介绍及常用标签,吊打面试官系列!
  18. Python图形用户界面和游戏开发
  19. SettingWithCopyWarning: A value is trying to be set on a copy of a slice from a DataFrame
  20. 波特率(baud)与比特率(bit/s)的差别

热门文章

  1. 微信企业号用户验证php,身份验证
  2. 微信小程序全面屏适配
  3. python3 打字小游戏
  4. IE5.0中的三个彩蛋(转)
  5. linux删除文件夹或者文件
  6. FANUC机器人有关执行程序的停止和恢复的说明
  7. 星之卡比机器人汉化_星之卡比:机械星球
  8. 微服务集成SkyWalking
  9. mysql如何修改root用户的密码
  10. 彻底删除已经下载安装好的Mysql