[.NET Concept]善用AutoScroll达到用滚动卷动显示内容的效果

善用AutoScroll达到用滚动卷动显示内容的效果

时常会在讨论区碰到有人提问内容过长想要增加滚动效果这类的问题,通常多半这类的提问者都会陷入如何使用VScrollBar或是HScrollBar的迷思。事实上要达到这效果其实可以不需要使用这两个控件,只需善用容器类的AutoScroll属性,经过设定属性的动作,不须撰写半行程序即可达成。

举个例子来说,假设今天我要显示一张很大的图片在表单上,我们可以依下列步骤设定:

Step1.设定表单的AutoScroll属性为True

Step2.加入PictureBox控件到设计表单

Step3.设定PictureBox显示的图片

Step4.把PictureBox的SizeMode设为AutoSize,让PictureBox控件可以随着图片自行调整大小。

设完后设计界面会变成如下图所示,滚动效果已出现。

如此简单的滚动显示效果就完成了,执行后效果如下。

再来看个例子,假设今天我只想在某区域放个需有滚动显示效果的内容的话又该怎么做呢?其实步骤也差不多,我们可以依下列步骤设定:

Step1.放入Panel控件至设计界面

Step2.设定Panel的AutoScroll属性为True

Step3.放入PictureBox控件至Panel

Step4.设定PictureBox显示的图片

Step5.把PictureBox的SizeMode设为AutoSize ,让PictureBox控件可以随着图片自行调整大小。

设完后设计界面会变成如下图所示,滚动效果已出现。

执行后效果如下

P.S.

  1. 以上范例虽都示范显示图片,但实际应用上不限于此,只要有设定AutoScroll属性,则当内部的控件超过容器时,自动会有滚动效果出现。
  2. 上面范例的Panel也可换成其它容器控件

Conclusion

善用.NET组件很多功能其实很容易达成,并没有想像中那么难。当然要用VScrollBar与HScrollBar应该也是可以做到一样的效果,不过要耗多少功就不得而知了。

相关连结

  1. 程序设计俱乐部 - 如何模拟Word表格编辑模式

原文:大专栏  [.NET Concept]善用AutoScroll达到用滚动卷动显示内容的效果

原文地址:https://www.cnblogs.com/chinatrump/p/11516495.html

时间: 2024-10-09 07:58:35

[.NET Concept]善用AutoScroll达到用滚动卷动显示内容的效果的相关文章

tmux/screen里面如何用鼠标滚轮来卷动窗口内容

tmux里面用鼠标滚轮来卷动窗口内容在 tmux里面,因为每个窗口(tmux window)的历史内容已经被tmux接管了,所以原来console/terminal提供的Shift+PgUp/PgDn所显示的内容并不是当前窗口的历史内容,所以要用C-b [ 进入copy-mode,然后才能用PgUp/PgDn/光标/Ctrl-S等键在copy-mode中移动.如果要启用鼠标滚轮来卷动窗口内容的话,可以按C-b :然后输入    setw mode-mouse on这就可以了.如果要对所有窗口开启

制作由下向上的滚动字幕,字幕内容要求包含网站超级链接和图片超级链接, 使用鼠标移动事件控制字幕运动和停止。 2、在下拉列表框中设置五种以上颜色,选择颜色后, 滚动字幕背景色改变成相应颜色

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title></title>    </head>    <!--        时间:2016-12-28        描述:1.制作由下向上的滚动字幕,字幕内容要求包含网站超级链接和图片超级链接,                   使用鼠标移动事件控制

jQuery页面滚动监听事件及高级效果插件

jQuery页面滚动监听事件及高级效果插件 1. One Page scroll (只适用于上下焦点图)http://www.thepetedesign.com/demos/onepage_scroll_demo.html 2. Scrolld(更不好用)https://github.com/charliegeiger89/Scrolld.js#readme 3. Animate Scroll(参数太少,不好用)https://github.com/ramswaroop/animatescrol

基于jQuery左侧小图滚动右侧大图显示代码

今天给大家分享一款 jQuery左侧小图滚动右侧大图显示代码是一款基于jQuery实现的左侧滚动图片点击大图查看效果代码.该实例适用浏览器:IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="caseImg03 w1002"> <div class="slideCase03"> <div class=&q

Delphi TScrollBar 用于滚动窗口、组件内容

滚动条组件(TScrollBar)此组件是一个Windows滚动条,用于滚动窗口.组件内容.许多控制有滚动条属性,它们把滚动条作为自己的一部分,对于没有完整滚动条的控制,TScrollBar组件提供了一个附加的功能,运用它可以使某些控制的内容易于操作. 1.TScrollBar组件的典型用法 一般情况下,滚动条是自动加入的,例如前面讲的列表框,当项目不能完全显示时,列表框将自动加上滚动条.当用户操作滚动条时,列表自动滚动. 如果想自己操纵窗口滚动,就要用到TScrollBar组件,当用户在滚动条

在RecyclerView列表滚动的时候显示或者隐藏Toolbar

先看一下效果: 本文将讲解如何实现类似于Google+应用中,当列表滚动的时候,ToolBar(以及悬浮操作按钮)的显示与隐藏(向下滚动隐藏,向上滚动显示),这种效果在Material Design 清单中有提到: "在合适的地方,当列表向下滚动,app bar可以退出屏幕,以便为内容区域留下更多的空间:而当列表向上滚动回来的时候,app bar又重新显示出来". 注:这里的向下滚动是指滚动到下面查看更多内容,相对应的手势操作其实是往上.同理向上滚动是指查看前面的内容,而手势其实是向下

修复 XE8 Win 平台 Firemonkey Memo 卷动后会重叠的问题

问题:XE8 Firemonkey 在 Windows 平台 Memo 卷动时,在第 1 , 2 行会产生重叠现象. 修改前: 修改后: 适用:XE8 for Windows 平台 修复方法: 请将源码 FMX.Memo.Style.pas 复制到自己的工程目录里,再进行修改. 找到 TStyledMemo.TLines.RenderLayouts; 函数,修改如下: procedure TStyledMemo.TLines.RenderLayouts; ..... 省略 ...... if L

自动滚动,自动显示下一个图像

效果图: 每隔1s会自动切换图像和小白点. 工程图: 代码: RootViewController.h #import <UIKit/UIKit.h> @interface RootViewController : UIViewController <UIScrollViewDelegate,UIPageViewControllerDelegate> { UIScrollView *imageScrollView; UIPageControl *pageControl; NSInt

jQuery 的 slideUp 和 slideDown 下拉卷动问题

最初公司前端写了个导航菜单,鼠标停留时弹出下拉菜单,移走鼠标时收缩下拉菜单,可就是这个简单的功能,T!!M!!D!!你屮它屮快了的时候,下拉菜单就不完整了,就像~~~包茎?? 本来官方提供的方法,会出现这种问题:如果目标元素是被外部事件驱动, 当鼠标快速地连续触发外部元素事件, 动画会滞后的反复执行, 相当不美观 (演示页面). 演示页面中有一个按钮, 请用鼠标迅速地来回划过... 但是我们的会包茎,对,没错. $(this).find("a").stop().slideUp(); 因