卡片布局器实例讲解

作者:创世魂



● 辅助说明

注意:本类位于“杂类窗口组件1”模块中,必须添加此模块才能使用。



一、卡片布局器

 

● 准备工作

帮助文档如下图:

请详细阅读“卡片布局器”的注释,尤其注意第二条,务必开启硬件加速功能。

界面设计如下图:

1、拖放一个按钮。

2、在按钮下放置一个“卡片布局器”设置其尺寸为“200X200”

3、在卡片布局器内放置一个图片框,设置尺寸为匹配父。

代码编写如下图:

1、使用“安卓5无标题白色窗口”,并添加附加清单开启硬件加速。

2、给“图片框1”导入一张图片。

运行结果如下图:

给图片框使用卡片布局器后的默认效果如下。

会带有一点阴影和圆角。

 

● 卡片圆角度数(写)

 

帮助文档如下图:

通过本属性可设置卡片布局器的圆角度数,单位弧度,必须大于0。

 

代码编写如下图:

“按钮1”被点击后,设置圆角度数为100度。

 

运行效果如下图(GIF):

最终可看到图片圆角明显发生了变化。

 

 

● 卡片是否启用内边距(写)
● 置卡片内边距

 

“卡片是否启用内边距(写)”帮助文档:

只有将此属性设置为真,卡片内边距设置才有效果。

 

“置卡片内边距”帮助文档:

调用本方法可设置卡片内边距。

参数1-4:分别设置左,顶,右和底边的边距。

单位像素。

 

代码编写如下图:

“按钮1”被点击后,设置“卡片是否启用内边距”属性为真,并调用“置卡片内边距”设置边距。

 

运行效果如下图(GIF):

可以明显看到卡片内边距发生了变化。

 

 

● 卡片背景色(写)

 

帮助文档如下图:

顾名思义,通过本属性可设置卡片背景色。

注意:只能通过本属性来设置背景色。

 

代码编写如下图:

“按钮1”被点击后调用本属性设置颜色为红色。

 

运行效果如下图(GIF):

最后可看到卡片背景色被设置为红色。

 

● 卡片阴影高度(写)

 

帮助文档如下图:

通过本属性可设置卡片的阴影尺寸。

 

代码编写如下图:

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

 

运行效果如下图(GIF):

明显可以看到阴影范围变大。