横向滚动容器实例讲解

作者：创世魂

注意：本类位于“安卓基本类”模块中，必须添加此模块才能使用。

一、横向滚动容器

打开启动类“界面设计器”，设计如下界面。

拖放“横向滚动容器”，设置其高度和宽度分别为100DP。

在滚动容器内拖放一个“线性布局器”,设置高/宽度分别为“匹配父组件高/宽度”，并设置布局方向为“横向”布局。

最后在滚动容器内拖放多个按钮，用来实现横向滚动效果。

注意：横/纵向滚动容器内都只能拖放一个组件，所以需要利用“线性布局器”来实现承载更多的组件。

“是否平滑滚动(写)”帮助文档：

本写属性的作用，设置使用光标键(左右方向键)控制滚动内容时，是否进行平滑滚动。

如果本属性值为真，则使用“左右方向键”滚动内容时，滚动条会有内置的动画过度效果。

如果为假，则取消过度动画。

同名读属性，即读取当前是否设置了平滑滚动。

代码编写如下图：

“按钮1”被点击后，设置本属性值为“取反(横向滚动容器1.是否平滑滚动)”。

运行效果如下图（GIF）：

未点击“按钮1”时，滚动条有过度动画。

点击“按钮1”后，滚动条将取消动画过度。

界面准备：

直接在“横向滚动容器”内放置一个按钮。

“是否拉伸填充(写)”帮助文档：

设置容器内组件横向拉伸到本容器的可视区域。

同名读属性，即判断内容是否填充了整个容器可视区域。

代码编写如下图：

“按钮1”被点击后，设置本属性值为“取反(横向滚动容器1.是否拉伸填充)”。

运行效果如下图（GIF）：

帮助文档如下图：

通过本方法可进行左右滚动。

参数填写“-1”向左滚动，填写“1”向右滚动。

代码编写如下图：

“按钮1”被点击后执行本方法向右滚动。

运行效果如下图（GIF）：

可看到点击“按钮1”后，横向滚动容器向右滚动。

帮助文档如下图：

通过本方法可实现翻页滚动，即当前整个可视区域“向左/右移动”显示“上/下一个”区域。

参数值填写-1向左滚动一页，填写1向右滚动一页。

代码编写如下图：

“按钮1”被点击后执行向右翻页。

“按钮2”被点击后执行向左翻页。

运行效果如下图（GIF）：

帮助文档如下图：

通过本方法可进行首尾滚动。

参数值填写-1滚动到首部，填写1滚动到尾部。

代码编写如下图：

点击“按钮1”执行滚动到首部。

点击“按钮3”执行滚动到尾部。

运行效果如下图（GIF）：

可看到容器进行了首尾滚动。

帮助文档如下图：

通过本方法可进行增量滚动，单位像素。

参数1：针对横向滚动容器有效。

参数2：针对纵向滚动容器有效。

代码编写如下图：

执行本方法，填写“参数1”增量滚动100像素的距离。

参数2填写0即可。

运行效果如下图（GIF）：

帮助文档如下图：

本方法可直接滚动到指定像素位置。

参数1：针对横向滚动容器有效。

参数2：针对纵向滚动容器有效。

代码编写如下图：

执行本方法，填写“参数1”滚动150像素的位置。

参数2填写0即可。

运行效果如下图（GIF）：

无论滚动容器内容处于什么位置，点击“按钮1”后都会回到150像素的位置。

帮助文档如下图：

隐藏滚动条需要使用“允许水平滚动条”属性，本属性继承自窗口组件。

代码编写如下图：

“按钮1”点击后，设置本属性值为假，滚动条将不会显示。

运行效果如下图（GIF）：

最终按钮1点击后，可以看到滚动条被隐藏。

帮助文档如下图：

本属性可用于设置滚动条尺寸，单位像素。

代码编写如下图：

“按钮1”被点击后设置本属性值为50像素。

运行效果如下图（GIF）：

可看到按钮被点击后，滚动条尺寸明显发生变化。

界面设置如下图：

打开界面设计器，选中“横向滚动容器”组件。

在设计器的右侧就可以看到“水平滚动条滑块图”和“水平滚动条滑轨图”，分别引用图片就可以修改。

注意：引用的图片尺寸不能太大，否则会遮挡横向滚动容器的内容。

运行效果如下图（GIF）：

可以看到滚动条滑块和滑轨被修改。