auto.js简单入门教学autojs教程第六节ui界面的简单介绍

这节课我们来讲auto.js简单如入门教程第六节ui界面的简单介绍

ui界面的简单介绍

界面是由视图(View)组成的。View分成两种，控件(Widget)和布局(Layout)。

“ui”;

ui.layout(

);

界面是由视图(View)组成的。View分成两种，控件(Widget)和布局(Layout)控件(Widget)用来具体显示文字、图片、网页等、布局(Layout)则是装着一个或多个控件的"容器"，用于控制在他里面的控件的位置，比如垂直布局(vertical)会把他里面的控件从上往下依次显示、水平布局(horizontal)-则会把他里面的控件从左往右依次显示(即横向排列)，以及帧布局(frame)如果有多个控件，后面的控件会重叠在前面的控件上。

视图共有的属性和函数

然后呢我这边把我在b站上传的视频连接放上来大家可以点击观看学习交流

https://www.bilibili.com/video/av55525443/

w 宽度

View的宽度，是属性width的缩写形式。可以设置的值为*, auto和具体数值。其中*表示宽度尽量填满父布局，而auto表示宽度将根据View的内容自动调整(自适应宽度)

“ui”;

ui.layout(

);

不加单位的情况下默认单位为dp，其他单位包括px(像素), mm(毫米), in(英寸)

Dpi =长像素%长英寸

px即像素，1px代表屏幕上一个物理的像素点；

、h 高度 、

同宽度一样属性

id 用来区分一个界面下的不同控件和布局 、

View的id，用来区分一个界面下的不同控件和布局，一个界面的id在同一个界面下通常是唯一的，也就是一般不存在两个View有相同的id。id属性也是连接xml布局和JavaScript代码的桥梁，在代码中可以通过一个View的id来获取到这个View，并对他进行操作(设置点击动作、设置属性、获取属性等)。

“ui”;

ui.layout(

)

toast(ui.ik.getText())

gravity 视图的"重力"、

视图的"重力"。用于决定视图的内容相对于视图的位置，可以设置的值为:

left 靠左

right 靠右

top 靠顶部

bottom 靠底部

center 居中

center_vertical 垂直居中

center_horizontal 水平居中

“ui”;

ui.layout(

)

layout_gravity 视图在布局中的"重力"、

视图在布局中的"重力"，用于决定视图本身在他的父布局的位置

“ui”;

ui.layout(

)

margin 视图与视图之间的间距 、

“ui”；

ui.layout(

)

padding 视图和他的自身内容的间距 、

View和他的自身内容的间距，也就是内边距。

“ui”;

ui.layout(

)

bg 视图的背景 、

rgb 颜色对照表 http://tool.oschina.net/commons?type=3

“ui”;

ui.layout(

)

因为时间有限，所以今天就先讲了ui界面的简单介绍，下节讲文字控件，按钮控件输入框控件，