autojs简洁的登陆界面

牙叔教程 简单易懂

效果展现

界面特色

• 输入框使用TextInputEditText, 上方可显示hint文字, 填写不正确, 右侧下方会提示错误
• 按钮点击添加动画

autojs版本

9.0.4

你将知道如下知识点

• 安卓的xml几乎能够拿来就用
• hint如何始终显示

脚本概况

• 界面实在太简单了, 没啥好说的

代码讲解

1. 导入类

importClass(android.animation.Animator);
importClass(android.animation.ValueAnimator);
importClass(android.animation.ObjectAnimator);
importClass(android.animation.AnimatorSet);
importClass(android.util.TypedValue);
importClass(android.text.TextUtils);
importClass(android.widget.Toast);
复制代码

2. 界面xml, 和安卓几乎别无二致

ui.layout(
  <vertical> <RelativeLayout android:layout_width="match_parent" android:layout_height="match_parent" android:background="#ffffff" > <card android:layout_width="match_parent" android:layout_height="match_parent" android:layout_marginLeft="32dp" android:layout_marginTop="64dp" android:layout_marginRight="32dp" android:layout_marginBottom="64dp" app:cardCornerRadius="4dp" app:cardElevation="8dp" > <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <img android:layout_width="100dp" android:layout_height="100dp" android:layout_gravity="center_horizontal" android:layout_marginTop="16dp" src="@drawable/ic_account_circle_black_48dp" /> <com.google.android.material.textfield.TextInputLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginLeft="16dp" android:layout_marginTop="16dp" android:layout_marginRight="16dp" android:hint="用户名" app:expandedHintEnabled="true" android:textColorHint="#a2c699" hintColor="#fff000" id="userViewParent" > <com.google.android.material.textfield.TextInputEditText android:id="@+id/edt_user" android:layout_width="match_parent" android:layout_height="wrap_content" android:textColor="#9966cc" /> </com.google.android.material.textfield.TextInputLayout> <com.google.android.material.textfield.TextInputLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginLeft="16dp" android:layout_marginTop="16dp" android:layout_marginRight="16dp" android:hint="密码" app:expandedHintEnabled="true" android:textColorHint="#a2c699" id="pwdViewParent" > <com.google.android.material.textfield.TextInputEditText android:id="@+id/edt_pwd" android:layout_width="match_parent" android:layout_height="wrap_content" android:textColor="#9966cc" /> </com.google.android.material.textfield.TextInputLayout> <LinearLayout android:layout_width="250dp" android:layout_height="55dp" android:layout_gravity="center_horizontal" android:gravity="center_vertical" android:layout_marginTop="48dp" > <card app:cardCornerRadius="8dp" android:layout_width="30dp" android:layout_height="45dp" layout_weight="1" margin="19" id="buttonParent" > <Button android:id="@+id/btn_login" android:text="登陆" android:textColor="#fcfcfc" bg="#9966cc" bg="#ff00ff" /> </card> <card app:cardCornerRadius="8dp" android:layout_width="30dp" android:layout_height="45dp" margin="19" layout_weight="1" id="buttonParent" > <Button android:id="@+id/btn_reg" android:text="注册" android:textColor="#fcfcfc" bg="#9966cc" bg="#ff00ff" /> </card> </LinearLayout> </LinearLayout> </card> </RelativeLayout> </vertical>
);
复制代码

3. 建立动画

function createAnimator(view) {
  let animator1 = ObjectAnimator.ofFloat(view, "scaleX", 1, 1.125, 1);
  let animator2 = ObjectAnimator.ofFloat(view, "scaleY", 1, 1.125, 1);
  let animator3 = ObjectAnimator.ofFloat(view, "translationZ", 0, all_2Px("4dp"), 0);
  let set = new AnimatorSet();
  set.playTogether(animator1, animator2, animator3);
  set.setDuration(300);
  return set;
}
复制代码

4. 给按钮设置点击事件

ui.btn_login.click(function (view) {
  log("点击了登陆按钮");
  let set = createAnimator(view);
  set.start();
  let user = ui.edt_user.getText().toString().trim();
  let pwd = ui.edt_pwd.getText().toString().trim();
  if (TextUtils.isEmpty(user) || TextUtils.isEmpty(pwd)) {
    Toast.makeText(context, "用户名或密码不可为空", Toast.LENGTH_SHORT).show();
    return;
  }
  if ("牙叔教程".equals(user) && "123456".equals(pwd)) {
    Toast.makeText(context, "登陆成功", Toast.LENGTH_SHORT).show();
  } else if (!"牙叔教程".equals(user)) {
    ui.edt_user.requestFocus();
    ui.edt_user.setError("用户名错误");
  } else if (!"123456".equals(pwd)) {
    ui.edt_pwd.requestFocus();
    ui.edt_pwd.setError("密码错误");
  }
});
复制代码

声明

部份内容来自网络 本教程仅用于学习, 禁止用于其余用途