4 Android 常用控件

Android 常用控件

4.2 TextView与EditText

4.3 Button

4.4 RadioButton

4.5 CheckBox与ImageView

目标

了解--------------------Android常用控件的分类

掌握--------------------
TextView常用属性和监听方法
Button点击事件实现方式
RadioButton监听事件
CheckBox的应用

重点-------------------- EditText、Button、RadioButton、CheckBox

4.2 TextView与EditText

1. 常用控件的分类

控件是界面组成的主要元素,是与用户进行直接交互的接口。
Android常用控件的分类如下图所示。
在这里插入图片描述

2. TextView

TextView是用于显示文字(字符串)的控件,可在代码中通过设置属性改变文字的大小、颜色、样式等功能。

<TextView
android:layout_width="match_parent" 
android:layout_height="wrap_content" 
android:text="Hello World! " 
android:textColor="#000000"
android:textSize="25sp" 
android:gravity="center"
/>

3. TextView常用属性

常用属性功能描述
android:layout_width设置TextView控件的宽度
android:layout_height设置TextView控件的高度
android:id设置TextView控件的唯一标识
android:background设置TextView控件的背景
android:text设置文本内容
android:textColor设置文字显示的颜色
android:textSize设置文字大小,推荐单位为sp
android:textStyle设置文本样式,如bold(粗体),italic(斜体),normal(正常)
style引用所需的样式
常用属性功能描述
android:gravity设置文本内容的位置
android:layout_margin设置当前控件与屏幕边界或周围控件、布局的距离
android:padding设置TextView控件与该控件中内容的距离
android:maxLength设置文本最大长度,超出此长度的文本不显示
android:lines设置文本的行数,超出此行数的文本不显示
android:maxLines设置文本的最大行数,超出此行数的文本不显示。
android:drawableTop在文本的顶部显示图像
android:lineSpacingExtra设置文本的行间距

案例

功能要求:如下图所示,采用约束布局设计屏幕的背景为你喜欢的颜色,中间放置一个TextView,其上方放置Android Studio内置的Android图标,下方居中放置文字“Android Logo”。
在这里插入图片描述

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"
    android:background="#f01e1e"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/textView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#6c01fe"
        android:padding="18dp"
        android:text="TextViewDemo"
        android:textColor="#F6F6F6"
        android:textSize="20dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/ic_launcher_background"
        android:text="Android Logo"
        android:gravity="center|bottom"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView" />


</androidx.constraintlayout.widget.ConstraintLayout>

在这里插入图片描述

4. EditText

EditText继承自TextView,可以进行编辑操作,将用户信息传递给Android程序。还可以为EditText控件设置监听器,用来测试用户输入的内容是否合法。

<EditText
android:layout_width="match_parent“
android:layout_height="wrap_content“
android:hint="请输入姓名"  android:maxLines="2"  android:textColor="#000000"  android:textSize="20sp"  android:textStyle="italic"
/>


属性名称功能描述
android:hint控件中内容为空时显示的提示文本信息
android:textColorHint控件中内容为空时显示的提示文本信息的颜色
android:inputType设置输入的字符类型,若多种类型,需加“
android:maxLines设置文本的最多行数
android:minLines设置文本的最少行数
android:editable设置是否可编辑

解读:android:inputType=“number|textPersonName”
在这里插入图片描述

5. EditText监听方法

1. setOnEditorActionListener
public void setOnEditorActionListener (TextView.OnEditorActionListener l)
设置在对文本框执行操作时调用的特殊监听器。
需实现接口:OnEditorActionListener

2. addTextChangedListener
public void addTextChangedListener (TextWatcher watcher)
添加一个TextWatcher到其方法的列表中,无论何时在TextView的文本发生变化时被调用。
需实现接口:TextWatcher

6. 案例EditText与TextView

功能要求:如“运行效果图”所示,用户在屏幕下方的编辑框中录入信息,按“Done”键或“Enter”键后在上方文本框中显示所录入的信息。
在这里插入图片描述

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/tvOutput"
        android:layout_width="0dp"
        android:layout_height="80dp"
        android:background="#cd1515"
        android:text="name"
        android:textColor="#fff23c"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <EditText
        android:id="@+id/etInput"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/tvOutput"
        tools:ignore="MissingConstraints" />



</androidx.constraintlayout.widget.ConstraintLayout>

MainActivity.java

package com.example.myapplication0421_02;


import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.KeyEvent;
import android.widget.EditText;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

    private TextView tvOutput;
    private EditText etInput;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
//(1)获取控件
        tvOutput = findViewById(R.id.tvOutput);

        etInput = findViewById(R.id.etInput);
        //(2)注册事件 (编辑框的EditorAction 事件)
        etInput.setOnEditorActionListener(new TextView.OnEditorActionListener() {
            @Override
            public boolean onEditorAction(TextView v, int actionId, KeyEvent event) {
                //edittext 中编写的文字设置到TextView中
                tvOutput.setText(etInput.getText());
                return false;
            }
        });


    }
}

Good afternoon, boys and girls! Nice to see you again.Today we will study Android common usage components.Are you ready?

在这里插入图片描述

4.3 Button

1. Button

Button是按钮,是用于响应用户的一系列点击事件,使程序更加流畅和完整。

<Button  
android:id="@+id/btn"
android:text="按钮"  
android:layout_width="match_parent"
android:layout_height="wrap_content"  
android:onClick="click"
/>


2. Button点击事件实现方式

(1). 使用onClick属性的方式

在这里插入图片描述
在这里插入图片描述
注意:Activity中实现的方法名称要与onClick属性设置的名称一致。

(2). 使用自定义类继承View.OnClickListener方式

在这里插入图片描述

(3). 使用匿名内部类方式

在这里插入图片描述

(3). 使用内部类方式

在这里插入图片描述

(4). 使用自身类方式

在这里插入图片描述

4. 案例Button

功能需求:
1、当用户在屏幕中2个文本框中都录入信息后,点击 “Submit”按钮时,在屏幕中显示用户录入的信息。
2、当用户在屏幕中2个文本框中都不录入信息,点击 “Submit”按钮时,在屏幕中显示“Nothing input”。
3、当用户在屏幕中2个文本框中录入信息后,点击 “Reset”按钮,在屏幕中显示“Clear successfully”。
4、当点击 “Cancel”按钮时,退出当前界面。
如右图所示。
在这里插入图片描述

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"
    android:padding="20dp"
    tools:context=".MainActivity"
    android:background="@drawable/ic_launcher_background"
    >

    <TextView
        android:id="@+id/tvTitle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="50dp"
        android:text="Hello World!"
        android:textSize="28sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        tools:ignore="MissingConstraints" />

    <TextView

        android:id="@+id/tvName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="name"


        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/tvTitle" />

    <EditText

        android:id="@+id/etname"
        android:layout_width="0dp"

        android:layout_height="wrap_content"
        app:layout_constraintBottom_toBottomOf="@+id/tvName"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@+id/tvName"
        app:layout_constraintTop_toBottomOf="@+id/tvTitle" />

    <TextView

        android:id="@+id/tvId"
        android:layout_width="80dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="50dp"
        android:text="id"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/tvName" />

    <EditText
        android:id="@+id/etId"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toBottomOf="@+id/tvId"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@+id/tvName" />

    <TextView
        android:id="@+id/tvNameOutput"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="50dp"
        android:text=""

        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/etId" />

    <TextView
        android:id="@+id/tvIdOutput"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="50dp"
        android:text=""

        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/tvNameOutput" />

    <Button
        android:id="@+id/btnSubmit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="onSubmit"
        android:text="SUBMIT"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toStartOf="@+id/btnReset"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toStartOf="parent"
        tools:ignore="MissingConstraints" />

    <Button
        android:id="@+id/btnReset"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="RESET"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toStartOf="@+id/btnCancel"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toEndOf="@+id/btnSubmit"
        tools:ignore="MissingConstraints" />

    <Button
        android:id="@+id/btnCancel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="CANCEL"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toEndOf="@+id/btnReset"
        tools:ignore="MissingConstraints" />


</androidx.constraintlayout.widget.ConstraintLayout>

MainActivity.java

package com.example.myapplication433_2;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.text.TextUtils;
import android.view.TextureView;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    private TextView tvNameOutput;
    private TextView tvIdOutput;
    private EditText etName;
    private EditText etId;

    private Button btnReset;
    private Button btnCancel;



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

        //(1)获取控件
        tvNameOutput = findViewById(R.id.tvNameOutput);
        tvIdOutput = findViewById(R.id.tvIdOutput);
        etName = findViewById(R.id.etname);
        etId = findViewById(R.id.etId);
        btnReset = findViewById(R.id.btnReset);
       btnCancel = findViewById(R.id.btnCancel);
         
        //方法2
        btnReset.setOnClickListener(new View.OnClickListener(){
            @Override
            public void onClick(View view){
                etName.setText("");
                etId.setText("");
                tvIdOutput.setText("");
                tvNameOutput.setText("Clear successfully");

                etName.requestFocus();//获取光标
            }
        });
        //方法3
btnCancel.setOnClickListener(this);

    }

//方法1
    public void onSubmit(View view){
        //获取输入框中的文字
        String name = etName.getText().toString().trim();
        String id = etId.getText().toString().trim();
        //判断,输入为空,显示Nothing,非空,显示
        if(TextUtils.isEmpty(name) && TextUtils.isEmpty(id)) {
            tvNameOutput.setText("Nothing input");
        }else {
            tvNameOutput.setText("Name:"+name);
            tvIdOutput.setText("Id:"+name);
        }
    }

//Cancel 按钮事件
    @Override
    public void onClick(View v) {
finish();
    }
}

在这里插入图片描述

4.4 RadioButton

1. RadioButton与RadioGroup

RadioButton为单选按钮,它需要与RadioGroup配合使用,提供两个或多个互斥的选项集。
RadioGroup是单选组合框,可容纳多个RadioButton,并把它们组合在一起,实现单选状态。

2. RadioButton方向设置

在这里插入图片描述

3. RadioGroup监听事件

利用setOnCheckedChangeListener()监听RadioGroup控件状态,通过if语句判断被选中RadioButton的id。

radioGroup.setOnCheckedChangeListener(new
RadioGroup.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(RadioGroup group, int checkedId) {  if (checkedId == R.id.rbtn) {
textView.setText("您的性别是:男");
} else {
textView.setText("您的性别是:女");
}
}
});


4. 案例RadioButton

功能要求:
1、当用户在屏幕中2个文本框中根据提示录入信息和选择性别后,点击 “Submit”按钮时,在屏幕中显示用户录入和选择的信息(设置“Male”为默认值)。
2、当用户在屏幕中2个文本框中只录入其中1个文本框的信息后,点击 “Submit”按钮时,在屏幕中显示“Nothing input”。
3、当用户在屏幕中2个文本框中录入信息后,点击 “Reset”按钮,在屏幕中显示“Clear successfully”。
4、当点击 “Exit”按钮时,退出当前界面。
参考右图设计UI。
在这里插入图片描述

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"
    android:background="@drawable/ic_launcher_background"
    android:padding="20dp"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/tvTitle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="50dp"
        android:text="Hello World!"
        android:textSize="28sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@+id/tvGender"
        app:layout_constraintTop_toTopOf="parent"
        tools:ignore="MissingConstraints" />

    <TextView

        android:id="@+id/tvName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="name"


        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/tvTitle" />

    <EditText

        android:id="@+id/etname"
        android:layout_width="0dp"

        android:layout_height="wrap_content"
        app:layout_constraintBottom_toBottomOf="@+id/tvName"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@+id/tvName"
        app:layout_constraintTop_toBottomOf="@+id/tvTitle" />

    <TextView

        android:id="@+id/tvId"
        android:layout_width="80dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="50dp"
        android:text="id"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/tvName" />

    <EditText
        android:id="@+id/etId"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toBottomOf="@+id/tvId"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@+id/tvName" />

    <TextView
        android:id="@+id/tvGender"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="50dp"
        android:text="Gender"


        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/tvId" />

    <RadioGroup
        android:id="@+id/raGender"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintBottom_toBottomOf="@+id/tvGender"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@+id/tvGender"
        app:layout_constraintTop_toTopOf="@+id/tvGender">

        <RadioButton
            android:id="@+id/rbMale"
            android:checked="true"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:text="Male"
            android:layout_weight="1"
            />

        <RadioButton
            android:id="@+id/rbFemale"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:text="Female" />
    </RadioGroup>


    <TextView
        android:id="@+id/tvShow"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="100dp"
        android:text=""
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/tvGender"
        tools:ignore="MissingConstraints" />

    <Button

        android:id="@+id/btnSubmit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="onSubmit"
        android:text="SUBMIT"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toStartOf="@+id/btnReset"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toStartOf="parent"
        tools:ignore="MissingConstraints" />

    <Button
android:onClick="onReset"
        android:id="@+id/btnReset"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="RESET"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toStartOf="@+id/btnCancel"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toEndOf="@+id/btnSubmit"
        tools:ignore="MissingConstraints" />

    <Button
        android:onClick="onExit"
        android:id="@+id/btnCancel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="EXIT"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toEndOf="@+id/btnReset"
        tools:ignore="MissingConstraints" />


</androidx.constraintlayout.widget.ConstraintLayout>

MainActivity.java

package com.example.myapplication222;



import androidx.appcompat.app.AppCompatActivity;

import android.annotation.SuppressLint;
import android.os.Bundle;
import android.text.TextUtils;
import android.view.TextureView;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity  {

  private EditText etName;
  private EditText etId;
  private RadioButton rbMale;
    private RadioButton rbFemale;
    private TextView tvShow;

    private RadioGroup rgGender;

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

        etName = findViewById(R.id.etname);
        etId = findViewById(R.id.etId);
        rbMale = findViewById(R.id.rbMale);
        rbFemale = findViewById(R.id.rbFemale);
        tvShow = findViewById(R.id.tvShow);
    }

    public  void  onSubmit(View view){
        String name = etName.getText().toString().trim();
        String id = etId.getText().toString().trim();
        String gender;
        if(rbMale.isChecked()){
            gender = rbMale.getText().toString();
        }else {
            gender = rbFemale.getText().toString();

        }if(TextUtils.isEmpty(name) &&  TextUtils.isEmpty(id)){
            tvShow.setText("Nothing input");
        }else{
            String info = "Name:"+name+",ID:"+id+",Gender:"+gender;
            tvShow.setText(info);
        }
    }

    public void onReset(View view){
        etName.setText("");
        etId.setText("");
        rbMale.setChecked(true);
        tvShow.setText("Clear successfully");
    }

    public void onExit(View view){
        finish();
    }

}

在这里插入图片描述

4.5CheckBox与ImageView

1. CheckBox

CheckBox表示复选框,它是Button的子类,用于实现多选功能,通过android:checked属性指定CheckBox控件是否选中的状态。

         <CheckBox
            android:id="@+id/cbReading"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/reading" />
        <CheckBox
            android:id="@+id/cbMusic"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/music" />
        <CheckBox
            android:id="@+id/cbSports"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/sports" />


2. isChecked()方法

isChecked()方法是用于复选框的,区分CheckBox是否被选中,isChecked有两种返回值:

当CheckBox对象的复选框被选中时,isChecked()返回true,即1;
当CheckBox对象的复选框没有被选中时,isChecked()返回false,即0.

3. 案例CheckBox

功能要求:
如右图所示,用户可以在屏幕上选择自己的业务爱好,支持多选,若还有其它爱好,根据提示文字在编辑框中进行录入,点击屏幕下方的“SUBMIT”按钮,在“Your Hobbies:”下方将显示用户所选或所录入的爱好。
在这里插入图片描述

在这里插入图片描述

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:padding="20dp"
    android:orientation="vertical"
    >


    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Hobby Is Good"
        android:gravity="center"
        android:textSize="30sp"
        android:layout_marginTop="30dp"
        tools:ignore="MissingConstraints" />

    <CheckBox
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:id="@+id/cbReading"
        android:text="Reading"
        />
    <CheckBox
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:id="@+id/cbMusic"
        android:text="Music"
        />
    <CheckBox
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:id="@+id/cbSports"
        android:text="Sports"
        />
    <CheckBox
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:id="@+id/cbProgramming"
        android:text="Programming"
        />

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/etOther"
        />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/btnSubmit"
        android:text="SUBMIT"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="30dp"
        android:onClick="submitHobbies"
        />
    <LinearLayout
        android:paddingBottom="50dp"
        android:orientation="vertical"

        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:gravity="bottom">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Your Hobbies"
            />

        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/etHobbyList"
            />
    </LinearLayout>

</LinearLayout>

MainActivity.java

package com.example.myapplication45_11;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.CheckBox;
import android.widget.EditText;

public class MainActivity extends AppCompatActivity {

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


    public void submitHobbies(View view) {
        EditText etOther = findViewById(R.id.etOther);
        EditText etHobbyList = findViewById(R.id.etHobbyList);
        StringBuilder hobbies = new StringBuilder();

        CheckBox cbReading = findViewById(R.id.cbReading);
        CheckBox cbMusic = findViewById(R.id.cbMusic);
        CheckBox cbSports = findViewById(R.id.cbSports);
        CheckBox cbProgramming = findViewById(R.id.cbProgramming);

        if (cbReading.isChecked()) {
            hobbies.append("Reading, ");
        }
        if (cbMusic.isChecked()) {
            hobbies.append("Music, ");
        }
        if (cbSports.isChecked()) {
            hobbies.append("Sports, ");
        }
        if (cbProgramming.isChecked()) {
            hobbies.append("Programming, ");
        }
        if (!etOther.getText().toString().isEmpty()) {
            hobbies.append(etOther.getText().toString());
        }
        etHobbyList.setText(hobbies.toString());


    }

}

4. ImageView

ImageView是视图控件,它继承自View,其功能是在屏幕中显示图像。ImageView类可以从各种来源加载图像(如资源库或网络),并提供缩放、裁剪、着色(渲染)等功能。

<ImageView
    android:id="@+id/imageView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"         
    app:srcCompat="@drawable/ic_launcher_foreground"  
    android:background="@color/colorPrimary" />


5.案例 ImageView

功能要求:
模拟QQ手机登陆界面,如下面“运行效果图”所示,屏幕上方显示QQ logo,当用户根据提示输入账号和密码后点击屏幕下方的登陆按钮,在按钮下方显示“账号,login successfully”。
在这里插入图片描述

one1.jpg

在这里插入图片描述

在这里插入图片描述

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">


    <ImageView
        android:id="@+id/img"
        android:layout_width="346dp"
        android:layout_height="350dp"
        android:layout_marginTop="30dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"

        android:background="@drawable/one1"
        />

    <EditText
        android:id="@+id/etAccount"
        android:layout_width="360dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:hint="请输入账号"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toBottomOf="@+id/img" />

    <EditText
        android:id="@+id/etPassword"
        android:layout_width="360dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:hint="请输入密码"
        android:inputType="textPassword"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toBottomOf="@+id/etAccount" />

    <Button
        android:id="@+id/login"
        android:layout_width="360dp"
        android:layout_height="50dp"
        android:text="登陆"
        android:layout_marginTop="36dp"
        android:textSize="15dp"

        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/etPassword" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/textlogin"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="@id/login" />
</androidx.constraintlayout.widget.ConstraintLayout>

MainActivity.java

package com.example.myapplication0422_01;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        // 获取登录按钮和账号密码输入框的引用
        Button loginButton = findViewById(R.id.login);
        final EditText accountEditText = findViewById(R.id.etAccount);
        final EditText passwordEditText = findViewById(R.id.etPassword);
        final TextView textView = findViewById(R.id.textlogin);

        // 为登录按钮设置点击事件的监听器
        loginButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                String account = accountEditText.getText().toString();
                String password = passwordEditText.getText().toString();

                // 在这里可以添加验证账号和密码的逻辑
                // 如果验证通过,则执行以下操作
                textView.setText(account + ", login successfully");
            }
        });
    }
}

作业

CSDN
三,个性化定制App登录界面
http://t.csdnimg.cn/vECfk

  • 25
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值