视图 - View

# 视图: View 控件和布局都属于视图(View)。在这个章节中将介绍所有控件和布局的共有的属性和函数。例如属性背景,宽高等(所有控件和布局都能设置背景和宽高),函数`click()`设置视图(View)被点击时执行的动作。 ## attr(name, value) * `name` {string} 属性名称 * `value` {string} 属性的值 设置属性的值。属性指定是View在xml中的属性。例如可以通过语句`attr("text", "文本")`来设置文本控件的文本值。 ```javascript "ui"; $ui.layout( ); // 5秒后执行 $ui.post(() => { // 修改文本 $ui.example.attr("text", "Hello, Auto.js UI"); // 修改背景 $ui.example.attr("bg", "#ff00ff"); // 修改高度 $ui.example.attr("h", "500dp"); }, 5000); ``` **注意:**并不是所有属性都能在js代码设置,有一些属性只能在布局创建时设置,例如style属性;还有一些属性虽然能在代码中设置,但是还没支持;对于这些情况,在Auto.js Pro 8.1.0+会抛出异常,其他版本则不会抛出异常。 ## attr(name) * `name` {string} 属性名称 * 返回 {string} 获取属性的值。 ```javascript "ui"; $ui.layout( ); plusOne(); function plusOne() { // 获取文本 let text = $ui.example.attr("text"); // 解析为数字 let num = parseInt(text); // 数字加1 num++; // 设置文本 $ui.example.attr("text", String(num)); // 1秒后继续 $ui.post(plusOne, 1000); } ``` ## w View的宽度,是属性`width`的缩写形式。可以设置的值为`*`, `auto`和具体数值。其中`*`表示宽度**尽量**填满父布局,而`auto`表示宽度将根据View的内容自动调整(自适应宽度)。例如: ``` "ui"; ui.layout(