Android开发笔记04-EditText_not horizontally constrained

一、EditText主要属性

1. android:hint输入提示
2. android:textColorHint输入提示文字的颜色
3. android:inputType输入类型，限定你输入的数据的类型，一般不做限定
4. android:drawableXxxx在输入框的指定方位添加图片
5. android:drawablePadding设置图片与输入内容的间距
6. android:paddingXxxx设置内容与边框的间距
        android:padding="xxdp"，EditText中的文本与控件内部四周保持的边距
        android:paddingLeft="xxdp"，内容与控件内部的左侧边距
        android:paddingRight="xxdp"，内容与控件内部的右侧边距
        android:paddingTop="xxdp"，内容与控件内部的顶部边距
        android:paddingButtom="xxdp"，内容与控件内部的底部边距
7. android:background背景色

 在activity_main.xml中：app:layout_constraintLeft_toLeftOf="parent"
 app:layout_constraintTop_toTopOf="parent" 
这两句话是让你的控件基于左上角的位置开始布局，如果不加xml会飘红
（Not Horizontally Constrained）

android:layout_marginLeft="104dp"
android:layout_marginTop="264dp"
这两句话是，控件距离左侧和顶端的边距是多少dp，决定了控件在画面中的位置。

    <EditText
        android:id="@+id/editText"
 
        android:layout_width="200dp"
        android:layout_height="100dp"
        android:layout_marginLeft="104dp"
        android:layout_marginTop="264dp"
        android:hint="请输入用户名(手机号)"
        android:inputType="phone"
        android:textColor="#95a1aa"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

android:inputType="numberPassword"//只能输入0-9作为密码
android:inputType="textPassword"//支持文本作为密码，而且是不可见的。

二、输入用户名和密码控件的编写

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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=".MainActivity">
    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
    <EditText
        android:id="@+id/editText"
        android:layout_width="200dp"
        android:layout_height="100dp"
        android:layout_marginLeft="104dp"
        android:layout_marginTop="264dp"
        android:hint="请输入用户名(手机号)"
        android:inputType="phone"
        android:textColor="#95a1aa"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
    <EditText
        android:id="@+id/editText2"
        android:layout_width="200dp"
        android:layout_height="100dp"
        android:layout_marginLeft="104dp"
        android:layout_marginTop="372dp"
        android:hint="请输入密码"
        android:inputType="textPassword"
        android:textColor="#95a1aa"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

三、插入logo

选择一个用户样式的logo 

四、效果图 

五、MainActivity.java的编写

发现edt飘红

 

六、最终代码：

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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=".MainActivity">
 
    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.334" />
 
    <EditText
        android:id="@+id/editText"
        android:layout_width="200dp"
        android:layout_height="100dp"
        android:layout_marginLeft="104dp"
        android:layout_marginTop="264dp"
        android:hint="请输入用户名(手机号)"
        android:drawableLeft="@drawable/ic_account_circle_black_24dp"
        android:drawablePadding="10dp"
        android:padding="2dp"
        android:inputType="phone"
        android:textColor="#95a1aa"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
    <EditText
        android:id="@+id/editText2"
        android:layout_width="200dp"
        android:layout_height="100dp"
        android:layout_marginLeft="104dp"
        android:layout_marginTop="372dp"
        android:hint="请输入密码"
        android:inputType="textPassword"
        android:textColor="#95a1aa"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
 
    <Button
        android:id="@+id/btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="160dp"
        android:layout_marginTop="460dp"
        android:background="#C9F531A8"
        android:text="获取用户名"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

 MainActivity.java

public class MainActivity extends AppCompatActivity {
 
    private EditText edt;
    private String TAG="张三";
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
 
        Button btn =findViewById(R.id.btn);
        edt=findViewById(R.id.editText);
        btn.setOnClickListener(new View.OnClickListener(){
            @Override
            public void onClick(View v) {
                String userName= edt.getText().toString();
                Log.e(TAG, "用户名为："+userName);
            }
        });
 
    }
}

七、效果预览