Android中的常用控件

1、TextView

id：为TextView设置一个组件id
layout_width：组件的宽度，一般写：wrap_content或者match_parent(fill_parent)，前者是控件显示的内容多大，控件就多大，而后者会填满该控件所在的父容器；当然也可以设置成特定的大小，比如我这里为了显示效果，设置成了200dp。
layout_height：组件的高度，内容同上。
gravity：设置控件中内容的对齐方向，TextView中是文字，ImageView中是图片等等。
text：设置显示的文本内容
textColor：设置字体颜色
textStyle：设置字体风格，三个可选值：normal(无效果)，bold(加粗)，italic(斜体)
textSize：字体大小，单位一般是用sp！
background：控件的背景颜色，可以理解为填充整个控件的颜色，可以是图片

【实例6】

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/text_one"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="30sp"
        android:text="TextView测试"
        android:layout_gravity="center"
        android:textColor="#66ccff"
        android:textStyle="bold|italic"/>
</LinearLayout>

预览效果：

2、EditView

EditText继承自TextView,可以进行编辑操作，将用户信息传递给Android程序。还可以为EditText控件设置监听器，用来测试用户输入的内容是否合法。

【实例7】

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="10dp">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="用户名："
        android:textSize="30sp"
        android:textColor="#00ff00"/>

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="请输入用户名"
        android:textSize="30sp"
        android:maxLines="2"/>


</LinearLayout>

运行结果：

3、Button

【实例3】
Activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >


    <Button
        android:id="@+id/btn_one"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="按钮1"
        android:textSize="20dp"
        android:onClick="click" />

    <Button
        android:id="@+id/btn_two"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="20dp"
        android:text="按钮2" />
</LinearLayout>

MainActivity.java

package com.example.myuidemo2;

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 myBtn_one;
    private Button myBtn_two;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //找到按钮控件
        myBtn_one = findViewById(R.id.btn_one);
        myBtn_two = findViewById(R.id.btn_two);

        //按钮第二种点击事件
       /* myBtn_one.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                myBtn_one.setText("按钮1已被点击");
            }
        });

        myBtn_two.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                myBtn_two.setText("按钮2已被点击");
            }
        });*/

        //按钮第三种点击事件
        myBtn_one.setOnClickListener(this);
        myBtn_two.setOnClickListener(this);

    }

    @Override
    public void onClick(View v) {
        //具体判断一下点击的是那个按钮
        switch (v.getId()){
            case R.id.btn_one:
                myBtn_one.setText("按钮1已被点击");break;
            case R.id.btn_two:
                myBtn_two.setText("按钮2已被点击");break;
        }
    }

    //按钮第一种点击事件
//    public void click(View v){
//        myBtn_one.setText("按钮1已被点击");
//    }
}

运行结果：

4、RadioButton

【实例4】
activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >

    <RadioGroup
        android:id="@+id/rdg"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <RadioButton
            android:id="@+id/rbtn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="25sp"
            android:text="男"/>

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
             android:text="女"
             android:textSize="25sp"/>


    </RadioGroup>

    <TextView
        android:id="@+id/tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/rdg"
        android:text="aa"
        android:textSize="30dp"/>


</LinearLayout>

MainActivity.java

package com.example.myuidemo2;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.RadioGroup;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //1.找到相关控件
        final TextView textView = findViewById(R.id.tv);
        RadioGroup radioGroup = findViewById(R.id.rdg);


        //2.通过radiogroup来判断选择的是男是女
        radioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup group, int checkedId) {
                if(checkedId == R.id.rbtn){
                    textView.setText("选择的是男");
                }
                else {
                    textView.setText("选择的是女");
                }
            }
        });


    }


}

运行结果：

5、ImageView

ImageView是视图控件，它继承自View， 其功能是在屏幕中显示图像。ImageView类 可以从各种来源加载图像(如资源库或网络)并提供缩放、裁剪、着色(渲染)等功能。
【实例5】

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/p00"/>


</RelativeLayout>

运行结果：