auto.js之界⾯ui
前⾔： auto.js的ui可以在将代码打包的时候⽅便⽤户的操作，可以设计⼀个舒服的界⾯来执⾏⼿机脚本。知识梳理篇：
ui的按钮shi
// 开头必须要加，否则脚本不会以ui模式运⾏
"ui";
// 这⾥是⽤xml来编写的界⾯
ui.layout(
// vertical 表⽰的是垂直布局
<vertical>
<button text="第⼀个按钮"/>
<button text="第⼆个按钮"/>
</vertical>
);
// 开头必须要加，否则脚本不会以ui模式运⾏
"ui";
// 这⾥是⽤xml来编写的界⾯
ui.layout(
// horizontal 表⽰的是布局
<horizontal>
<button text="第⼀个按钮"/>
<button text="第⼆个按钮"/>
</horizontal>
)
;
// 开头必须要加，否则脚本不会以ui模式运⾏
"ui";
// 这⾥是⽤xml来编写的界⾯
ui.layout(
// bg可以表⽰界⾯的背景
<vertical bg="#ff0000">
// textSize可以表⽰字体的⼤⼩
<button text="第⼀个按钮" textSize="20sp"/>
<button text="第⼆个按钮"/>
</vertical>
)
;
控件和布局都属于视图
w是width的缩写，*表⽰尽量填满⽗布局，auto表⽰根据View的内容⾃动调整"ui";
ui.layout(
<horizontal>
<button w="auto" text="⾃适应宽度"/>
<button w="*" text="填满⽗布局"/>
</horizontal>
);
"ui";
ui.layout(
<horizontal>
<button w="200" text="宽度200dp"/>
<button w="100" text="宽度100dp"/>
</horizontal>
);
h为height的缩写，使⽤情形和w⼀样
获取简单的属性，并且调⽤
"ui";
ui.layout(
<frame>
<button id="ok" text="哇哈哈"/>
</frame>
);
// 通过ui.ok获取到按钮的控件
toast(Text());
gravity表⽰额的是"重⼒"，⽤于决定View的内容相对View的位置（ravity="right|bottom"的View他的内容会在右下⾓）可以设置为
left 靠左
right 靠右
top 靠顶部
bottom 靠底部
center 居中
center_vertical 垂直居中
center_horizontal ⽔平居中
"ui";
ui.layout(
<frame>
<button gravity="right" w="*" h="auto" text="你看我的⽂字是靠哪⼉的"/>
</frame>
);
"ui";
ui.layout(
<frame w="*" h="*">
<button layout_gravity="center" w="auto" h="auto" text="居中的按钮"/>
<button layout_gravity="right|bottom" w="auto" h="auto" text="右下⾓的按钮"/>
</frame>
);
margin⽅法：
margin为View和其他View的间距，他包括四个值：
marginLeft 左外边距
marginRight 右外边距
marginTop 上外边距
marginBottom 下外边距
margin="marginAll" 指定各个外边距都是该值。例如margin="10"表⽰左右上下边距都是10dp。
margin="marginLeft marginTop marginRight marginBottom" 分别指定各个外边距。例如margin="10 20 30 40"表⽰左边距为10dp, 上边距为20dp, 右边距为30dp, 下边距为40dp
margin="marginHorizontal marginVertical" 指定⽔平外边距和垂直外边距。例如margin="10 20"表⽰左右边距为10dp, 上下边距为20dp。
"ui";
ui.layout(
<horizontal>
<button margin="30" text="距离四周30"/>
<button text="普通的按钮"/>
</horizontal>
);
"ui";
ui.layout(
<horizontal>
<button marginLeft="50" text="我是特殊的按钮"/>
<button text="普通的按钮"/>
</horizontal>
);
bg表⽰背景：
bg="#00ff00"设置背景为绿⾊（RGB格式颜⾊），bg="file:///sdcard/1.png"设置背景为图⽚
alpha表⽰的View的透明度，foreground表⽰的是View的前景，minHeigh表⽰的是View的最⼩⾼度visbility表⽰的是View的可见性，决定View是否可以显⽰出来。
rotation，View的旋转⾓度
⽂本控件的⼀些属性：
text⽂本控件，例如：text="⼀段⽂字"
textColor，例如：<text text="红⾊字体" textColor="red"/>
网站底部代码js特效
textSize，设置字体的⼤⼩，<text text="超⼤字体" textSize="40sp"/>
textStyle，可以设置字体的样式，bold 加粗字体，italic 斜体，normal 正常字体（可以使⽤|将他们结合）设置⽂本控件的⾏数：
"ui";
ui.layout(
<vertical>
<text id="myText" line="3"/>
</vertical>
);
// 通过\n进⾏换⾏
按钮控件button:
Widget.AppCompat.Button.Colored 带颜⾊的按钮
Widget.AppCompat.Button.Borderless ⽆边框按钮
Widget.AppCompat.Button.Borderless.Colored 带颜⾊的⽆边框按钮

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。