auto.js_UI控件_ZHOU125disorder_

UI控🗡

按钮控件

"ui"; 
ui.layout(
    <vertical padding="16">
          <button text="普通按钮" w="auto"/> 
          <button text="带颜色按钮" style="Widget.AppCompat.Button.Colored" w="auto"/>
          <button text="无边框按钮" style="Widget.AppCompat.Button.Borderless" w="auto"/>
          <button text="无边框有颜色按钮" style="Widget.AppCompat.Button.Borderless.Colored" w="auto"/> 
          <button text="长长的按钮" w="*"/> 
          <button id="click_me" text="点我" w="auto"/> 
    </vertical> 
     );

ui.click_me.on("click", ()=>{
    
    toast("我被点啦");
}); 
ui.click_me.on("long_click", ()=>{
    
    toast("我被长按啦"); 
});

复选框与单选框控件

"ui"; 
ui.layout( 
<vertical padding="16"> 
    <checkbox id="cb1" text="复选框"/> 
    <checkbox id="cb2" checked="true" text="勾选的复选框"/> 
    <radiogroup> 
        <radio text="单选框1"/> 
        <radio text="单选框2"/> 
        <radio text="单选框3"/> 
    </radiogroup> 
    <radiogroup mariginTop="16"> 
        <radio text="单选框1"/>
        <radio text="单选框2"/>
        <radio text="勾选的单选框3" checked="true"/> 
    </radiogroup> 
</vertical> 
);
ui.cb1.on("check", (checked)=>{
    if(checked){
    
    toast("第一个框被勾选了"); 
}else{
   
    toast("第一个框被取消勾选了"); 
} });    

进度条控件

"ui";
ui.layout( 
<vertical padding="16"> 
    <text text="处理中..." textColor="black" textSize="16sp"/> 
    <progressbar /> 
    <text text="直线无限进度条" textColor="black" textSize="16sp" marginTop="24"/> 
    <progressbar indeterminate="true" style="@style/Base.Widget.AppCompat.ProgressBar.Horizontal"/> 
    <text text="直线进度条" textColor="black" textSize="16sp" marginTop="24"/> 
    <progressbar progress="30" style="@style/Base.Widget.AppCompat.ProgressBar.Horizontal"/> 
    <text text="可调节进度条" textColor="black" textSize="16sp" marginTop="24"/> 
    <seekbar progress="20"/> <horizontal gravity="center" marginTop="24"> 
    <text id="progress_value" textColor="black" textSize="16sp" margin="8" text="0"/> 
    <progressbar id="progress" w="*" style="@style/Base.Widget.AppCompat.ProgressBar.Horizontal"/> 
    </horizontal> 
    <button id="download