话不多说,先上图
TextView:TextView控件用于显示文本信息。
布局属性 | 功能描述 |
android:layout_width | 设置 TextView 控件的宽度 |
android:layout_height | 设置 TextView 控件的高度 |
android:id | 设置 TextView 控件的唯一标识 |
android:background | 设置 TextView 控件的背景 |
android:layout_margin | 设置当前控件与屏幕边界或周围控件、布局的距离 |
android:padding | 设置 TextView 控件与该控件中内容的距离 |
android:text | 设置文本内容 |
android:textColor | 设置文字显示的颜色 |
android:textSize | 设置文字大小,推荐单位为 sp |
android:gravity | 设置文本内容的位置 |
android:maxLength | 设置文本最大长度,超出此长度的文本不显示 |
android:lines | 设置文本的行数,超出此行数的文本不显示 |
android:maxLines | 设置文本的最大行数,超出此行数的文本不显示。 |
android:ellipsize | 设置当文本超出 TextView 规定的范围的显示方式。 |
android:drawableTop | 在文本的顶部显示图像 |
android:lineSpacingExtra | 设置文本的行间距 |
android:textStyle | 设置文本样式,如 bold (粗体), italic (斜体), normal (正常) |
示例:
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="TextView显示的文本信息!"
android:textSize="25dp"
android:textColor="#FF79E3"
android:gravity="center_horizontal"
android:textStyle="italic"
/>
运行结果:
Button:Button控件表示按钮,它继承自TextView控件,既可以显示文本,又可以显示图片,同时也允许用户通过点击来执行操作,当Button控件被点击时,被按下与弹起的背景会有一个动态的切换效果,这个效果就是点击效果 。
Button的 OnClick的实现方式:
- 在布局文件中指定Button控件的onClick属性方式
①在layout文件中指定onClick属性: android:onClick="click"
②在Activity中实现这个click方法:
public void click(View v){
Log.i("指定onClick属性方式", "button is clicked");
}
- 匿名内部类方式
在Activity中添加匿名内部
btn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Log.i("匿名内部类方式", "button is clicked");
}
});
- 接口方式
①设置Button控件的点击监听事件:btn.setOnClickListener(this);
②接着当前Activity实现OnClickListener接口:
public class MainActivity extends AppCompatActivity implements View.onClickListener
③然后实现OnClickListener接口中的方法:
@Override public void onClick(View v) { Log.i("接口方式", "button is clicked"); }
示例:
MainActivity.java
package com.example.controlcomponentdemo;import androidx.appcompat.app.AppCompatActivity;import android.os.Bundle;
import android.view.View;
import android.widget.Button;
public class MainActivity extends AppCompatActivity implements View.OnClickListener {
private Button button1;
private Button button2;
private Button button3;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
button1 = findViewById(R.id.button1);
button2 = findViewById(R.id.button2);
button2.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
button2.setText("按钮二被点击了");
}
});
button3 = findViewById(R.id.button3);
button3.setOnClickListener(this);
}
public void click(View view) {
button1.setText("按钮一被点击了");
}
@Override
public void onClick(View view) {
button3.setText("Button3被点击了");
}
}
activty_main.xml
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="实现方式一"
android:id="@+id/button1"
android:onClick="click"
>
</Button>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="实现方式二"
android:id="@+id/button2"
>
</Button>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="实现方式三"
android:id="@+id/button3"
>
</Button>
运行结果:
EditText:EditText表示编辑框,它是TextView的子类,用户可在此控件中输入信息。
属性名称
功能描述
android:hint
控件中内容为空时显示的提示文本信息
android:textColorHint
控件中内容为空时显示的提示文本信息的颜色
android:password
输入文本框中的内容显示为“ . ”
android:phoneNumber
设置输入文本框中的内容只能是数字
android:minLines
设置文本的最小行数
android:scrollHorizontally
设置文本信息超出 EditText 的宽度情况下,是否出现横拉条
android:editable
设置是否可编辑
示例:
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="140dp"
android:orientation="vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="姓名:"
android:textSize="28sp"
android:textColor="#000000"
android:textStyle="italic"
></TextView>
<EditText
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:hint="请输入姓名"
android:maxLines="2"
android:textColor="#000000"
android:textSize="20sp"
></EditText>
</LinearLayout>
运行结果:
ImageView:ImageView表示图片,它继承自View,可以加载各种图片资源。
属性名称 | 功能描述 |
android:layout_width | 设置 ImageView 控件的宽度 |
android:layout_height | 设置 ImageView 控件的高度 |
android:id | 设置 ImageView 控件的唯一标识 |
android:background | 设置 ImageView 控件的背景 |
android:layout_margin | 设置当前控件与屏幕边界或周围控件的距离 |
android:src | 设置 ImageView 控件需要显示的图片资源 |
android:scaleType | 将图片资源缩放或移动,以适应 ImageView 控件的宽高 |
android:tint | 将图片渲染成指定的颜色 |
示例:
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="230dp">
<ImageView
android:layout_width="match_parent"
android:layout_height="400dp"
android:background="@drawable/bg"
></ImageView>
<ImageView
android:layout_width="100dp"
android:layout_height="100dp"
android:src="@drawable/fo"
></ImageView>
</RelativeLayout>
运行结果:
RadioButton:RadioButton为单选按钮,android:checked属性指定是否选中的状态。
RadioGroup是单选组合框,可容纳多个RadioButton,并把它们组合在一起,实现单选状态。
示例:
avtivty_main.xml
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="430dp"
android:orientation="horizontal">
<RadioButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/man"
android:text="男"
android:textSize="28sp"
></RadioButton>
<RadioButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/woman"
android:text="女"
android:textSize="28sp"
></RadioButton>
<TextView
android:id="@+id/gendel"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="你选择的性别是:"
></TextView>
</LinearLayout>
MainActivty.java
package com.example.controlcomponentdemo;import androidx.appcompat.app.AppCompatActivity;import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.RadioButton;
import android.widget.TextView;
public class MainActivity extends AppCompatActivity implements View.OnClickListener {
private RadioButton radioButton_man;
private RadioButton radioButton_woman;
private TextView textView;
radioButton_man = findViewById(R.id.man);
radioButton_woman = findViewById(R.id.woman);
textView = findViewById(R.id.gendel);
radioButton_man.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
textView.setText("您选择的性别是男!");
}
});
radioButton_woman.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
textView.setText("您选择的性别是女!");
}
});
}
}
运行结果:
CheckBox表示复选框,它是Button的子类,用于实现多选功能,通过android:checked属性指定CheckBox控件是否选中的状态。
示例:
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="460dp">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="请选择爱好:"
android:textSize="20sp"
>
</TextView>
<CheckBox
android:id="@+id/bassketball"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="篮球">
</CheckBox>
<CheckBox
android:id="@+id/football"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="足球">
</CheckBox>
<CheckBox
android:id="@+id/tennis"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="网球">
</CheckBox>
</LinearLayout>
运行结果:
Toast是Android系统提供的轻量级信息提醒机制,用于向用户提示即时消息,它显示在应用程序界面的最上层,显示一段时间后自动消失不会打断当前操作,也不获得焦点。
public class MainActivity extends AppCompatActivity{
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main) Toast.makeText(this,"Wifi已断开",Toast.LENGTH_LONG).show();
}
}
运行结果: