Android studio 简易登录界面

 

•参考资料

　　[1]:视频资源

　　[2]:Android TextView设置图标，调整图标大小

•效果展示图

　　

•前置知识

• TextView
• EditText
• Button 以及按压效果，点击事件

•出现的问题

　　输入文本框 $Account$ 和 $Password$ 左侧的图标大小问题；

　　我是随便在网上下载的两张图片，像素太大，以至于占用了太多的空间，如何修改 EditText 中图标的大小呢？

　　参考资料：Android TextView设置图标，调整图标大小

　　首先，我在 $activity\_next.xml$ 中放置了两个 $EditText$ 组件，设置的 $id$ 分别为 $et\_1$ , $et\_2$； 

　　并把以下两张图片放在了 drawable 文件夹中，并分别取名为 $account.png$ , $password.png$；

　　　　　　　

　　$(account.png)$     $(password.png)$

　　其中，$account.png$ 放置在 $et\_1$ 组件中， $password.png$ 放置在 $et\_2$ 组件中；

　　在其对应的 $next\_activyti.java$ 文件中设置如下代码即可改变其在 $EditText$ 中的大小；

EditText Et1 = findViewById(R.id.et_1);
Drawable icon = getResources().getDrawable(R.drawable.account);//找到account.png这张图片
icon.setBounds(0,0,44,44);
Et1.setCompoundDrawables(icon, null, null, null);

EditText Et2 = findViewById(R.id.et_2);
Drawable password = getResources().getDrawable(R.drawable.password);//找到password.png这张图片
password.setBounds(0,0,44,44);
Et2.setCompoundDrawables(password,null,null,null);

　　$setBounds(left,top,right,bottom)$ 里的参数从左到右分别是：

• • $drawable$ 的左边到 $EditText$ 左边缘 + $padding$ 的距离
  • $drawable$ 的上边离 $EditText$ 上边缘 + $padding$ 的距离
  • $drawable$ 的右边离 $EditText$ 左边缘 + $padding$ 的距离
  • $drawable$ 的下边离 $EditText$ 上边缘 + $padding$ 的距离

　　相当于以 $EditText$ 边框的左边和上边为参考，通过设置 $drawable$ 的位置来改变其显示的大小；

•点击事件

　　如上图（$gif$）所示，再点击 $Sign in$ 按钮的时候出现了点击事件 $Login failed$；

　　只需在 $next\_activyti.java$ 添加如下代码即可；

Btn1 = findViewById(R.id.btn_1);//btn_1 是 Sign in 按钮的 id
Btn1.setOnClickListener(new View.OnClickListener(){//设置点击事件

    public void onClick(View view){
        Toast.makeText(nextActivity.this,"Login failed",Toast.LENGTH_SHORT).show();
    }
});

•完整代码

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".nextActivity"
    android:padding="10dp">

    <TextView
        android:id="@+id/tv_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Sign in to Hyacinth"
        android:textSize="30sp"
        android:textColor="#9E9191"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="20dp"/>

    <EditText
        android:id="@+id/et_1"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_below="@id/tv_1"
        android:layout_marginTop="60dp"
        android:textSize="20sp"
        android:textColor="#FFAD33"
        android:hint="Account"
        android:background="@drawable/ic_btn3"
        android:paddingLeft="15dp"
        android:drawableLeft="@drawable/account"
        android:drawablePadding="10dp"
        />

    <EditText
        android:id="@+id/et_2"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_below="@id/et_1"
        android:layout_marginTop="10dp"
        android:textSize="20sp"
        android:textColor="#FFAD33"
        android:hint="Password"
        android:inputType="textPassword"
        android:background="@drawable/ic_btn3"
        android:paddingLeft="15dp"
        android:drawableLeft="@drawable/password"
        android:drawablePadding="10dp"
        />
    <Button
        android:id="@+id/btn_1"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_below="@id/et_2"
        android:layout_marginTop="40dp"
        android:background="@drawable/ic_btn_sel"
        android:text="Sign in"
        android:textAllCaps="false"
        />

</RelativeLayout>

public class nextActivity extends AppCompatActivity {

    private Button Btn1;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_next);

        EditText Et1 = findViewById(R.id.et_1);
        Drawable icon = getResources().getDrawable(R.drawable.account);
        icon.setBounds(0,0,44,44);
        Et1.setCompoundDrawables(icon, null, null, null);

        EditText Et2 = findViewById(R.id.et_2);
        Drawable password = getResources().getDrawable(R.drawable.password);
        password.setBounds(0,0,44,44);
        Et2.setCompoundDrawables(password,null,null,null);

        Btn1 = findViewById(R.id.btn_1);
        Btn1.setOnClickListener(new View.OnClickListener(){

            public void onClick(View view){
                Toast.makeText(nextActivity.this,"Login failed",Toast.LENGTH_SHORT).show();
            }
        });
    }
}