Android 常用控件
目标
了解--------------------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