Android常见界面控件一

话不多说，先上图

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"

扫描二维码关注公众号，回复： 9770164 查看本文章

    />

运行结果：

 

 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();

     }

}

运行结果：