Android 组件

TextView 文本框

• 用于显示文本的一个控件。
• 文本的字体尺寸单位为 sp 。
• sp: scaled pixels(放大像素). 主要用于字体显示。

文本常用属性

text设置示例

文本边框设置可以使用 shape。

带图片的TextView

示例图

代码

<?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/a"
			android:layout_width="100dp"
			android:layout_height="100dp"
			android:text="微信"
			android:gravity="center"
			android:textSize="20sp"
			app:drawableTopCompat="@drawable/abc_name"
			app:layout_constraintBottom_toBottomOf="parent"
			app:layout_constraintStart_toStartOf="parent"
			app:layout_constraintHorizontal_bias="0.5"
			app:layout_constraintEnd_toStartOf="@+id/b" />

	<TextView
			android:id="@+id/b"
			android:layout_width="100dp"
			android:layout_height="100dp"
			android:text="通讯录"
			android:gravity="center"
			android:textSize="20sp"
			app:drawableTopCompat="@drawable/abc_name"
			app:layout_constraintBottom_toBottomOf="parent"
			app:layout_constraintStart_toEndOf="@+id/a"
			app:layout_constraintHorizontal_bias="0.5"
			app:layout_constraintEnd_toStartOf="@+id/c" />

	<TextView
			android:id="@+id/c"
			android:layout_width="100dp"
			android:layout_height="100dp"
			android:text="发现"
			android:gravity="center"
			android:textSize="20sp"
			app:drawableTopCompat="@drawable/abc_name"
			app:layout_constraintBottom_toBottomOf="parent"
			app:layout_constraintStart_toEndOf="@+id/b"
			app:layout_constraintHorizontal_bias="0.5"
			app:layout_constraintEnd_toStartOf="@+id/d" />

	<TextView
			android:id="@+id/d"
			android:layout_width="100dp"
			android:layout_height="100dp"
			android:text="我"
			android:gravity="center"
			android:textSize="20sp"
			app:drawableTopCompat="@drawable/abc_name"
			app:layout_constraintBottom_toBottomOf="parent"
			app:layout_constraintStart_toEndOf="@+id/c"
			app:layout_constraintHorizontal_bias="0.5"
			app:layout_constraintEnd_toEndOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

EditText 输入框

EditText 输入框，继承TextView

EditText 属性

输入框类型

文本类型，大写、小写、数字符合

android:inputType="none"
android:inputType="text"
android:inputType="textCapCharacters"
android:inputType="textCapWords"
android:inputType="textCapSentences"
android:inputType="textAutoCorrect"
android:inputType="textAutoComplete"
android:inputType="textMultiLine"
android:inputType="textImeMultiLine"
android:inputType="textNoSuggestions"
android:inputType="textUri"
android:inputType="textEmailAddress"
android:inputType="textEmailSubject"
android:inputType="textShortMessage"
android:inputType="textLongMessage"
android:inputType="textPersonName"
android:inputType="textPostalAddress"
android:inputType="textPassword"    // 密码类型
android:inputType="textVisiblePassword"
android:inputType="textWebEditText"
android:inputType="textFilter"
android:inputType="textPhonetic"

数值类型

android:inputType="number"
android:inputType="numberSigned"
android:inputType="numberDecimal"
android:inputType="phone"//拨号键盘
android:inputType="datetime"
android:inputType="date"//日期键盘
android:inputType="time"//时间键盘

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

		EditText editText = findViewById(R.id.edName);
		editText.requestFocus();	// 自动过去光标
		editText.setSelection(2);	// 光标自动显示在指定的下标的位置
		editText.clearFocus();		// 清除光标
	}

Button 按钮

Button 按钮控件，继承TextView。

Button 点击事件

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

		Button button1 = findViewById(R.id.btn_1);
		button1.setOnClickListener(new View.OnClickListener() {
			@Override
			public void onClick(View v) {
				button1.setText("点击了");
			}
		});

	}

ImageView 图片组件

ImageView 用来展示图片的组件，继承View

ImageView 属性

RadioButton 单选按钮