马上注册,解锁更多高级玩法
您需要 登录 才可以下载或查看,没有账号?立即注册  
 
×
 
XML 基础教程~公有属性 
 
教程原址:原生UI 公有属性 
 
说明:本章内容为公有属性说明。控件、布局中的公有属性解释。   
 属性名  | 说明  | 可选值  |  | layout_width | 宽度 | wrap_content: 和自身内容一样的长度 
match_parent:和父组件一样的长度 
具体数字+dp  |  | layout_height | 高度 | wrap_content: 和自身内容一样的长度 
match_parent:和父组件一样的长度 
具体数字+dp  |  | background | 背景色、背景图 | 16进制的背景色,例如#FFFFFF或者#FFFFFFFF 
背景图例子@drawable/bg bg是res目录下的图片资源  |  | tag | 标签 | 中英文都可,在代码中可以通过tag获取对应的值  |  | visibility | 是否可展示 | gone:不展示 
visible:展示 
invisible:不展示但是占用空间  |  | clickable | 是否可点击 | true: 可点击 
false: 不可点击  |  | enable | 是否启用 | true: 启用 
false: 禁用  |  | minHeight | 最小高度 | 具体数字+dp  |  | minWidth | 最小宽度 | 具体数字+dp  |  | paddingLeft | 左内边距 | 具体数字+dp  |  | paddingTop | 上内边距 | 具体数字+dp  |  | paddingRight | 右内边距 | 具体数字+dp  |  | paddingBottom | 下内边距 | 具体数字+dp  |  | padding | 上下左右内边距 | 具体数字+dp  |  | layout_gravity | 自身相当于父容器的对齐方式 | top 
bottom 
left 
right 
center_vertical 
fill_vertical 
center_horizontal 
fill_horizontal 
center 
fill 
clip_vertical 
clip_horizontal  |  | layout_margin | 上下左右外边距 | 具体数字+dp  |  | layout_marginLeft | 左外边距 | 具体数字+dp  |  | layout_marginRight | 右外边距 | 具体数字+dp  |  | layout_marginTop | 上外边距 | 具体数字+dp  |  | layout_marginBottom | 下外边距 | 具体数字+dp  |  | cornerRadius | 视图的圆角度数 | 具体数字+dp  |     
公有属性补充背景图 [JavaScript] 纯文本查看 复制代码 [/align][align=left]BackgroundDrawable 设置背景图效果,用js代码设置。[/align]代码设置控件或布局的背景图不限于ImageView控件拥有图片属性。例子如下
// res目录下读取图片资源
let background =ui.resResAsDrawable("ec.png");
// 设置背景图 不限于iv  是个view就可以 ui.iv.setBackgroundDrawable(background);  
 
取消 所有的组件自带内边距padding 属性 设置为0dp即可 属性解释
Value  | Description |  top  | Put the object at the top of its container, not changing its size. 将对象放在其容器的顶部,不改变其大小. |  left  | Put the object at the left edge of its container, not changing its size. 将对象放在其容器的左侧,不改变其大小. |  right  | Put the object at the right edge of its container, not changing its size. 将对象放在其容器的右侧,不改变其大小. |  center_vertical  | Place object in the vertical center of its container, not changing its size. 将对象纵向居中,不改变其大小. 垂直对齐方式:垂直方向上居中对齐。 |  fill_vertical  | Grow the vertical size of the object if needed so it completely fills its container. 必要的时候增加对象的纵向大小,以完全充满其容器. 垂直方向填充 |  center_horizontal  | Place object in the horizontal center of its container, not changing its size. 将对象横向居中,不改变其大小. 水平对齐方式:水平方向上居中对齐 |  fill_horizontal  | Grow the horizontal size of the object if needed so it completely fills its container. 必要的时候增加对象的横向大小,以完全充满其容器. 水平方向填充 |  center  | Place the object in the center of its container in both the vertical and horizontal axis, not changing its size. 将对象横纵居中,不改变其大小. |  fill  | Grow the horizontal and vertical size of the object if needed so it completely fills its container. This is the default. 必要的时候增加对象的横纵向大小,以完全充满其容器. |  clip_vertical  | Additional option that can be set to have the top and/or bottom edges of the child clipped to its container’s bounds. The clip is based on the vertical gravity: a top gravity clips the bottom edge, a bottom gravity clips the top edge, and neither clips both edges. 附加选项,用于按照容器的边来剪切对象的顶部和/或底部的内容. 剪切基于其纵向对齐设置:顶部对齐时,剪切底部;底部对齐时剪切顶部;除此之外剪切顶部和底部. 垂直方向裁剪 |  clip_horizontal  | Additional option that can be set to have the left and/or right edges of the child clipped to its container’s bounds. The clip is based on the horizontal gravity: a left gravity clips the right edge, a right gravity clips the left edge, and neither clips both edges. 附加选项,用于按照容器的边来剪切对象的左侧和/或右侧的内容. 剪切基于其横向对齐设置:左侧对齐时,剪切右侧;右侧对齐时剪切左侧;除此之外剪切左侧和右侧. 水平方向裁剪 |   
 |