The thrid experience ofandroid devlopment

预解决问题

questions:
1、实现图片控件ImageView的使用。
2、实现单选按钮RadioButton的使用。
3、实现多选按钮CheckBox的使用。
4、使用文本显示框TextView、文本编辑框EditText和按钮Button控件等编写一个综合应用程序界面。

1. 实现图片控件ImageView的使用。

新建一个APP程序实现图片控件ImageView的使用，实现背景设置、src设置和不同填充方式的使用:
前端布局：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/gray"
    tools:context=".MainActivity">

    <LinearLayout
        android:gravity="center"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="16dp">

        <ImageView
            android:id="@+id/imageView"
            android:layout_width="200dp"
            android:layout_height="200dp"
            android:layout_marginBottom="16dp"
            android:background="@drawable/contact_qq"
            android:scaleType="centerCrop"/>
        <ImageView
            android:layout_width="400dp"
            android:layout_height="150dp"
            android:layout_marginBottom="16dp"
            android:background="@color/purple_200"
            android:scaleType="fitCenter"
            android:src="@drawable/img" />
        <ImageView
            android:layout_width="400dp"
            android:layout_height="200dp"
            android:layout_marginBottom="16dp"
            android:background="@color/purple_200"
            android:scaleType="centerCrop"
            android:src="@drawable/img" />
    </LinearLayout>

</LinearLayout>

2、实现单选按钮RadioButton的使用。

新建一个APP程序实现单选按钮RadioButton的使用:
前端布局：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="16dp">

        <RadioGroup
            android:id="@+id/radioGroup"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="40dp"
            android:layout_marginRight="40dp"
            android:orientation="horizontal">
            <RadioButton
                android:id="@+id/r1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="男孩子"
/>
            <RadioButton
                android:id="@+id/r2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="女孩"
   />
        </RadioGroup>
    </LinearLayout>

</LinearLayout>

后端代码：

// 初始化
        RadioGroup radioGroup = findViewById(R.id.radioGroup);
        // 设置监听器
        radioGroup.setOnCheckedChangeListener((group, checkedId) -> {
            switch (checkedId) {
                case R.id.r1:
                    Toast.makeText(MainActivity.this,"男孩子", Toast.LENGTH_SHORT).show();
                    break;
                case R.id.r2:
                    Toast.makeText(MainActivity.this, "女孩子", Toast.LENGTH_SHORT).show();
                    break;
            }
        });

3、实现多选按钮CheckBox的使用。

新建一个APP程序实现多选按钮CheckBox的使用:
前端布局：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <LinearLayout
        android:gravity="center"
        android:layout_marginTop="80dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="16dp">
        <LinearLayout
            android:layout_marginLeft="40dp"
            android:layout_marginRight="40dp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <TextView
                android:layout_width="wrap_content"
                android:text="a："
                android:layout_height="wrap_content"/>
            <CheckBox
                android:id="@+id/checkBox01"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="b"
                android:textColor="@android:color/black" />
            <CheckBox
                android:id="@+id/checkBox02"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="c"
                android:textColor="@android:color/black" />
        </LinearLayout>
    </LinearLayout>
</LinearLayout>

后端代码：

		public class MainActivity extends BaseActivity implements CompoundButton.OnCheckedChangeListener {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main04);
        
        CheckBox checkBox = findViewById(R.id.checkBox01);
        checkBox.setOnCheckedChangeListener(this);
        checkBox = findViewById(R.id.checkBox02);
        checkBox.setOnCheckedChangeListener(this);

    }

    @Override
    public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
        switch (buttonView.getId()) {
            case R.id.checkBox01:
                if (isChecked) {
                    Toast.makeText(MainActivity.this, "已选中", Toast.LENGTH_SHORT).show();
                } else {
                    Toast.makeText(MainActivity.this, "已取消", Toast.LENGTH_SHORT).show();
                }
                break;
            case R.id.checkBox02:
                if (isChecked) {
                    Toast.makeText(MainActivity.this, "已选中", Toast.LENGTH_SHORT).show();
                } else {
                    Toast.makeText(MainActivity.this, "已取消选中", Toast.LENGTH_SHORT).show();
                }
                break;
        }
    }
}

4、编写一个综合应用程序界面

使用文本显示框TextView、文本编辑框EditText和按钮Button控件等编写一个综合应用程序界面。
前端布局：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <LinearLayout
        android:gravity="center"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="16dp">

        <EditText
            android:id="@+id/editText"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="请输入"
            android:background="@drawable/radius_background01"
            android:padding="8dp"
            android:layout_marginLeft="40dp"
            android:layout_marginRight="40dp"
            android:layout_marginBottom="16dp" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="40dp"
            android:layout_marginRight="40dp">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="兴趣：" />

            <CheckBox
                android:id="@+id/checkBox"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="游戏"
                android:textColor="@android:color/black" />

            <CheckBox
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="旅行"
                android:textColor="@android:color/black" />
        </LinearLayout>

        <RadioGroup
            android:id="@+id/radioGroup"
            android:orientation="horizontal"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="40dp"
            android:layout_marginRight="40dp">

            <RadioButton
                android:id="@+id/radioButton1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="男生"
                android:textColor="@android:color/black" />

            <RadioButton
                android:id="@+id/radioButton2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="女生"
                android:textColor="@android:color/black" />
        </RadioGroup>

        <Button
            android:id="@+id/button"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="确认"
            android:textColor="@android:color/white"
            android:background="@drawable/radius_background01_blue"
            android:padding="9dp"
            android:layout_marginLeft="40dp"
            android:layout_marginRight="40dp"
            android:layout_marginTop="16dp" />

    </LinearLayout>

</LinearLayout>