布局

  • vertical
  • horizontal
  • linear
  • frame
  • relative
<linear orientation="vertical"></linear>

基础控件

密码password='true'
图片圆角circle
圆形图片radius='50'

复选框

<checkbox id='cb1' text='' />

ui.cb1.on('click',(checked)=>{
    checked?toast("勾选了"):toast("未勾选")
})

单选控件

<radiogroup>
    <radio id="a" checked="true" />
    <radio id="b" />
    <radio id="c" />
</radiogroup>

ui.a.on('click',(checked)=>{})
a.checked?null:null

滚动视图

区分大小写,SV不能写小写!

<ScrollView></ScrollVew>

应用栏

<appbar>
    <toolbar title=""/>
</appbar>

卡片

<card cardCornerRadius cardElevation="">
    ...
</card>

列表控件

<list id="list">
    <vertical>
        <text text={name} />
        <text text={age} />
    </vertical>
</list>

设置数据来源:

var items = [
    {name:"Hickey",age:13},
    {name:"garen",age:24},
    {name:"deries",age:24},
    {name:"lux",age:22}
]
ui.list.setDataSource(items)

删除数据:

[省略,消化中]

标签: Auto.js

已有 3 条评论

  1. 你的博客主题真的很适合写程序演示,简单大气,一目了然,看着很舒服。

    1. 还缺个代码高亮。

  2. 不错,现在也靠近程序员了

添加新评论