Android02-控件

时间：2023-02-09 20:09:28

在android studio中，新建一个module时布局文件中就会默认带一个TextView,里面显示着一句话：Hello World !  布局中通常放置的是android控件，下面介绍几个android比较常用的控件。

一.文本控件：文本控件主要包括TextView和EditView，TextView类继承自View类，TextView控件的功能是向用户显示文本的内容。主要的属性：

Android02-控件

而另一个文本控件EditView是编辑文本框,EditView是TextView的子类，它与TextView最大的不同就是：用户可以对EditView控件进行编辑，它也可以通过android:hint="";这个属性来显示默认的文本信息。EditText还可以通过设置android:inputType="";来设置用户可输入的文本类型。

Android02-控件

二.按钮：按钮中最常用的我们都知道，就是Button；但是还有一个按钮，叫做ImageButton,从名字上面来看，我们将它理解为图片按钮。BUtton和ImageButton最大的差别就是

ImageButton上不能出现文字。

Android02-控件

三.选择框：选择框分两种，一种是单选框RadioButton,一种是多选框CheckBox。RadioButton使用的时候要注意一点，那就是分组；也就是RadioGroup。

单选框就是只能选择一个，但是当你的单选框按钮没有放在一个Radioroup里面时，那么单选框的设置是无效的。CheckBox和RadioButton都可以通过设置

android:checked="true"默认选中。下面是一个包含多选框和单选框的Demo:

布局文件：

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

    android:orientation="vertical">

    <RadioGroup

        android:id="@+id/rg_radio_sex"

        android:layout_width="match_parent"

        android:layout_height="wrap_content">

        <RadioButton

            android:id="@+id/rb_radio_man"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="男" />

        <RadioButton

            android:id="@+id/rb_radio_woman"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="女"

            android:checked="true"/>

    </RadioGroup>

    <CheckBox

        android:id="@+id/ck_radio_ck1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="吃饭" />

    <CheckBox

        android:id="@+id/ck_radio_ck2"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="睡觉"

        android:checked="true"/>

    <CheckBox

        android:id="@+id/ck_radio_ck3"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="打豆豆" />

    <Button

        android:id="@+id/btn_radio_toast"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:text="显示你选择的性别信息 toast出来" />

    <Button

        android:id="@+id/btn_radio_check"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:text="显示多选选中的信息 toast出来" />

</LinearLayout>

源代码:

package com.example.administrator.myapplication;

import android.os.Bundle;

import android.support.annotation.Nullable;

import android.support.v7.app.AppCompatActivity;

import android.view.View;

import android.widget.Button;

import android.widget.CheckBox;

import android.widget.RadioButton;

import android.widget.RadioGroup;

import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    private String str;

    private CheckBox ck;

    private RadioGroup rg_radio_sex;

    private CheckBox ck2;

    private CheckBox ck3;

    private Button btn_radio_check;

    private Button btn_radio_toast;

    @Override

    protected void onCreate(@Nullable Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        //1.当值被选中时弹出(用事件)

        //获取控件

     /* RadioGroup rg_radio_sex= (RadioGroup) findViewById(R.id.rg_radio_sex);

        rg_radio_sex.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {

            @Override

            public void onCheckedChanged(RadioGroup radioGroup, int i) {

                RadioButton rb= (RadioButton) findViewById(i);

                 str=rb.getText().toString();

            }

        });

Button btn_radio_toast= (Button) findViewById(R.id.btn_radio_toast);

        btn_radio_toast.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View view) {

                Toast.makeText(RadioActivity.this,"选择的性别是："+str,Toast.LENGTH_SHORT).show();

            }

        });*/

        ck = (CheckBox) findViewById(R.id.ck_radio_ck1);

        ck2 = (CheckBox) findViewById(R.id.ck_radio_ck2);

        ck3 = (CheckBox) findViewById(R.id.ck_radio_ck3);

        rg_radio_sex = (RadioGroup) findViewById(R.id.rg_radio_sex);

        btn_radio_toast = (Button) findViewById(R.id.btn_radio_toast);

        btn_radio_toast.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View view) {

                //获取你选中的控件的id

                int id = rg_radio_sex.getCheckedRadioButtonId();

                RadioButton radioButton = (RadioButton) findViewById(id);

                String str = radioButton.getText().toString();

                Toast.makeText(MainActivity.this, "选择的性别是：" + str , Toast.LENGTH_SHORT).show();

            }

        });

        btn_radio_check = (Button) findViewById(R.id.btn_radio_check);

        btn_radio_check.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View view) {

                String ckstr = "";

                if (ck.isChecked()) {

                    ckstr += ck.getText().toString();

                }

                if(ck2.isChecked()){

                    ckstr += ck2.getText().toString();

                }

                if(ck3.isChecked()){

                    ckstr += ck3.getText().toString();

                }

                Toast.makeText(MainActivity.this, "选择的内容是："  + ckstr, Toast.LENGTH_SHORT).show();

            }

        });

    }

}

效果图如下（运行效果不怎么好展示）：

Android02-控件

四.时间控件：时间控件就是一个时间选择器和一个日期选择器；基本属性如下图：

Android02-控件

Demo如下：

package com.example.administrator.myapplication;

import android.app.DatePickerDialog;

import android.app.TimePickerDialog;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.view.View;

import android.widget.Button;

import android.widget.DatePicker;

import android.widget.TimePicker;

import android.widget.Toast;

import java.util.Calendar;

public class Main2Activity extends AppCompatActivity {

    private Button btn_radio_time;

    private Button btn_radio_day;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main2);

        //获取系统的时间  年 月 日 小时 分钟

        Calendar calendar = Calendar.getInstance();

        final int year = calendar.get(Calendar.YEAR);

        final int month = calendar.get(Calendar.MONTH);

        final int day = calendar.get(Calendar.DAY_OF_MONTH);

        final int hour = calendar.get(Calendar.HOUR_OF_DAY);

        final int minute = calendar.get(Calendar.MINUTE);

        //获取控件

        btn_radio_time = (Button) findViewById(R.id.btn_radio_time);

        btn_radio_time.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View view) {

                TimePickerDialog timePickerDialog = new TimePickerDialog(Main2Activity.this, new TimePickerDialog.OnTimeSetListener() {

                    @Override

                    public void onTimeSet(TimePicker timePicker, int i, int i1) {

                        Toast.makeText(Main2Activity.this, "选择的时间" + i + ":" + i1, Toast.LENGTH_SHORT).show();

                    }

                }, hour, minute, true);

                timePickerDialog.show();

            }

        });

        btn_radio_day = (Button) findViewById(R.id.btn_radio_day);

        btn_radio_day.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View view) {

                DatePickerDialog dp=new DatePickerDialog(Main2Activity.this, new DatePickerDialog.OnDateSetListener() {

                    @Override

                    public void onDateSet(DatePicker datePicker, int i, int i1, int i2) {

                        i1+=1;

                        Toast.makeText(Main2Activity.this,"当前日期:"+i+"年"+i1+"月"+i2+"日",Toast.LENGTH_LONG).show();

                    }

                },year,month,day);

                dp.show();

            }

        });

    }

}
<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:id="@+id/activity_main2"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:paddingBottom="@dimen/activity_vertical_margin"

    android:paddingLeft="@dimen/activity_horizontal_margin"

    android:paddingRight="@dimen/activity_horizontal_margin"

    android:paddingTop="@dimen/activity_vertical_margin"

    android:orientation="vertical"

    tools:context="com.example.administrator.myapplication.Main2Activity">

    <Button

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:text="时间选择"

        android:id="@+id/btn_radio_time"/>

    <Button

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:text="日期选择"

        android:id="@+id/btn_radio_day"/>

</LinearLayout>

运行效果：

Android02-控件

Android02-控件

我写的Demo是将获取到的时间用Toast显示出来，如有需要，你们可以自己更改。

控件就简单介绍这四种，但是Android中还有许多许多控件，还需多多努力学习。

相关文章