话不多说,先上图

android tab 控件 超酷 android控件大全图_ide

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



运行结果:




android tab 控件 超酷 android控件大全图_android_02


 


 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>




运行结果:


android tab 控件 超酷 android控件大全图_ide_03


 


 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>

运行结果:

android tab 控件 超酷 android控件大全图_android tab 控件 超酷_04


 


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("您选择的性别是女!");
            }
        });
    }
}

运行结果:


android tab 控件 超酷 android控件大全图_android tab 控件 超酷_05


 


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>


运行结果:


android tab 控件 超酷 android控件大全图_android tab 控件 超酷_06


 


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


运行结果:


android tab 控件 超酷 android控件大全图_ide_07