• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

EasyClick 原生UI连载八

互联网 diligentman 2周前 (04-09) 10次浏览

EasyClick 原生UI连载

  1. EasyClick原生UI连载 一
    基础控件
  2. EasyClick原生UI连载 二
    基础控件
  3. EasyClick原生UI连载 三
    原生UI共有属性
  4. EasyClick原生UI连载 四
    基础布局
  5. EasyClick原生UI连载 五
    综合使用
  6. EasyClick原生UI连载 六
    UI与脚本之间的交互 一
  7. EasyClick 原生UI连载七
    搭配Androidstudio 设计UI
  8. EasyClick 原生UI连载九
    原生UI之布局科普
  9. EasyClick 原生UI连载十
    原生UI控件科普

EasyClick 原生UI 之登录UI

Androidstudio编辑效果
EasyClick 原生UI连载八
复制到EasyClick 布局编辑修改后

<?xml version="1.0" encoding="UTF-8" ?>
<RelativeLayout xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
                xmlns:android="http://schemas.android.com/apk/res/android"
                xsi:noNamespaceSchemaLocation="layout.xsd"
                android:layout_height="match_parent"
                android:layout_width="match_parent"
                android:layout_margin="30dp">
    <LinearLayout android:layout_width="match_parent"
                  android:layout_height="wrap_content"
                  android:layout_marginTop="200dp"
                  android:gravity="center"
                  android:orientation="horizontal">

        <ImageView android:tag="imageview"
                   android:layout_width="30dp"
                   android:layout_height="30dp" />

        <TextView android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:text="EC云测"
                  android:textColor="#0072E3"
                  android:textSize="30sp" />
    </LinearLayout>


    <LinearLayout android:layout_width="match_parent"
                  android:layout_height="60dp"
                  android:layout_marginTop="280dp"
                  android:layout_marginBottom="220dp"
                  android:gravity="center"
                  android:orientation="horizontal">

        <TextView android:layout_width="60dp"
                  android:layout_height="wrap_content"
                  android:text="账号:"
                  android:textColor="#FF0000"
                  android:textSize="19sp" />

        <LinearLayout android:layout_width="0dp"
                      android:layout_height="wrap_content"
                      android:layout_weight="1"
                      android:orientation="vertical">

            <EditText android:layout_width="match_parent"
                      android:layout_height="wrap_content"
                      android:hint="请输入账号"
                      android:textSize="19sp" />
        </LinearLayout>

    </LinearLayout>

    <LinearLayout android:layout_width="match_parent"
                  android:layout_height="60dp"
                  android:layout_marginTop="340dp"
                  android:layout_marginBottom="140dp"
                  android:gravity="center"
                  android:orientation="horizontal">

        <TextView android:layout_width="60dp"
                  android:layout_height="wrap_content"
                  android:text="密码:"
                  android:textColor="#FF0000"
                  android:textSize="19sp" />

        <LinearLayout android:layout_width="0dp"
                      android:layout_height="wrap_content"
                      android:layout_weight="1"
                      android:orientation="vertical">

            <EditText android:layout_width="match_parent"
                      android:layout_height="wrap_content"
                      android:hint="请输入密码"
                      android:inputType="textPassword"
                      android:textSize="19sp" />
        </LinearLayout>

    </LinearLayout>

    <LinearLayout android:layout_width="match_parent"
                  android:layout_height="80dp"
                  android:layout_marginTop="410dp"
                  android:gravity="center">

        <Button android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="#0072E3"
                android:text="登录/注册"
                android:textColor="#FFFFFF" />
    </LinearLayout>


</RelativeLayout>

ui.js 文件编写UI代码

function main() {

    ui.layout("参数设置", "main.xml");
    var bg = ui.resResAsDrawable("ec.png");
    logd(bg)
    ui.imageview.setBackgroundDrawable(bg);
    // 下面写账号名操作 密码操作 登录按钮操作
   // 略过。。。。。。。
}
main();

打包运行后效果
EasyClick 原生UI连载八


程序员灯塔
转载请注明原文链接:EasyClick 原生UI连载八
喜欢 (0)