当前位置:网站首页 / WPF / 正文

ay测试WPF 的Scrollviewer的几个宽高

时间:2020年04月01日 | 作者 : aaronyang | 分类 : WPF | 浏览: 395次 | 评论 0

测试代码

image.png

总结:

即时里面的内容设置了宽和高

设置ScrollViewer.HorizontalScrollBarVisibility=disabled或者不设置(默认disabled)

会使ExtentWidth=ViewportWidth=ActualWidth


设置ScrollViewer.VerticalScrollBarVisibility=disabled(默认auto)

会使ExtentHeight=ViewportHeight=ActualHeight


其他测试结果,设置ScrollViewer.HorizontalScrollBarVisibility的值的

image.png


image.png


image.png


总结,ScrollableWidth是extentwidth-viewportwidth

同理ScrollableHeight一样


正常情况下,我们,横向水平滚动条的都设置auto

测试2 内容比滚动条短,发现ViewportHeight好理解了,就是当前除去滚动条高的剩余区域

image.png

唯一不好理解的是ExtentWidth和ExtentHeight

image.png

范围宽和高

表面上等于内容宽高一样,其实不是的

我们设置内容的margin

image.png

image.png

ExtentWidth=2010了,就是内容,你要占用多少的宽高







image.png

下面的Offset测试了都一样

image.png

image.png




所以说,一个滚动条,就是

你设置的宽高,不是用户真正看到的宽高

真实的是 Viewport的宽和高

你的内容整体大小是Extent开头的

Scrollable开头的决定了,可以移动的thumb的最大距离

通过Offset额外调整viewport的区域


 AYUI       www.ayjs.net      AY         杨洋原创编写,请不要转载谢谢



接下来,ay移除滚动条设置的宽高,让他拉伸那种

移除过后,Extent不会变化的

image.png


继续测试,内容的宽高也随机

        <ScrollViewer Grid.Column="1" VerticalAlignment="Top" Background="Green"  x:Name="ds" BorderThickness="1" BorderBrush="Blue" ScrollViewer.HorizontalScrollBarVisibility="auto" ScrollViewer.VerticalScrollBarVisibility="Auto" >

            <Grid  Margin="10,220,0,0">

                <Button Width="100" Height="4000" Content="dds"></Button>

            </Grid>

        </ScrollViewer>


image.png



如果不理解,先去看下Wpf 的viewbox,viewport一些关键词的







推荐您阅读更多有关于“”的文章

猜你喜欢

额 本文暂时没人评论 来添加一个吧

发表评论

必填

选填

选填

必填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

  查看权限

合肥科大智能常年招聘.NET,Web前端,有想换工作的私聊我AY唯一QQ:875556003和AY交流

抖音号:wpfui,可以看到我的很多作品效果,私活合作请qq联系我

AYUI8社区版Github地址:前往获取

作者:杨洋(AaronYang简称AY,安徽六安人)目前是个人,还没公司AY唯一QQ:875556003和AY交流

高中学历,2015年1月17日开始,兴趣学习研究WPF,目前工作繁忙,不接任何活

声明:AYUI7个人与商用免费,源码可购买。部分DEMO不免费.AY主要靠卖技术服务挣钱

不是从我处购买的ayui7源码,我不提供任何技术服务,如果你举报从哪里买的,我可以帮你转正为我的客户,并送demo

查看捐赠

AYUI7.X MVC教程 更新如下:

第一课 第二课 程序加密教程

vs2015 企业版密钥HM6NR-QXX7C-DFW2Y-8B82K-WTYJV

vs2017 企业版密钥NJVYC-BMHX2-G77MM-4XJMR-6Q8QF

标签列表