话不多说,先上图
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"); }
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被点击了");
}
}
<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,并把它们组合在一起,实现单选状态。
<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>
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();
}
}