自学内容网 自学内容网

【安卓基础5】中级控件

🏆作者简介:|康有为| ,大四在读,目前在小米安卓实习,毕业入职

🏆本文收录于 安卓学习大全持续更新中,欢迎关注

🏆安卓学习资料推荐:

        视频:b站搜动脑学院 视频链接 (他们的视频后面一部分没再更新,看看前面也挺好的)

        书籍:《第一行代码》(第3版) by 郭霖 (z-lib.org)

        思维导图: https://www.processon.com/view/link/62427cb2e0b34d0730e20e00(来自动脑学院)

目录

一、图形定制

图形Drawable

形状图形Shape

以下是一些关键属性:

案例示范

九宫格图片(.9.png)

状态列表图形

 状态类型的取值说明

 案例示范

selector中嵌套Shape

二、选择按钮

复选框CheckBox

开关按钮Switch

单选按钮Radio Button

三、文本输入和监听

编辑框EditText

焦点变更监听器

文本变化监听器

四、对话框

提醒对话框AlertDialog

日期对话框DatePickerDiaglog

时间对话框TimePickerDialog


一、图形定制

图形Drawable

在 Android 中,drawable 是一个资源文件夹,用于存放与图形相关的资源。这些资源可以是图像、形状、颜色等,用于构建应用的用户界面。drawable 目录下的资源可以通过资源 ID 在代码中或 XML 文件中引用。

Drawable类型表达了各种各样的图形,包括图片、色块、画板、背景等

包含图片在内的图形文件放在res目录的各个drawable目录下,其中drawable目录一般保存描述性的XML文件,而图片文件一般放在具体分辨率的drawable目录下。

各视图的background属性、ImageView 和ImageButton的src属性、TextView和Button四个方向的drawable***系列属性都可以引用图形文件。

13中Drawable的使用方法

详解Android 13 Drawable的使用方法

谈谈Android的中的Drawable

形状图形Shape

在安卓中,通过XML定义的Shape Drawable,可以创建各种形状的图形,如矩形、圆角矩形、椭圆等。这些图形可以用作View的背景或作为其他Drawable的一部分。

这些是Shape Drawable中常见的一些属性,通过组合和调整这些属性,可以创建各种形状的Drawable。这些Drawable可以用作View的背景,也可以在其他地方使用,例如作为ImageView的源图像。

以下是一些关键属性:

1.形状(Shape):

<shape>元素定义了图形的类型。可以是"rectangle"(矩形)、"oval"(椭圆)、"line"(线)、"ring"(环)等。具体形状类型决定了其他属性的适用性。


<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle">
    <!-- 其他属性 -->
</shape>

2.大小和尺寸(Size):

android:widthandroid:height属性定义了矩形或椭圆的宽度和高度,单位可以是像素(px)或者是尺寸单位(dp)。


<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle">
    <size
        android:width="100dp"
        android:height="50dp"/>
</shape>

3.边框(Stroke):

android:width定义边框的宽度,android:color定义边框的颜色。


<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle">
    <stroke
        android:width="2dp"
        android:color="#FF0000"/>
</shape>

4.圆角(Corners):

对于矩形,通过<corners>元素可以定义圆角。android:radius属性定义了圆角的半径。


<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle">
    <corners android:radius="8dp"/>
</shape>

5.椭圆的宽高比(Gradient Ratio for Oval):

对于椭圆,可以通过<size>元素的android:aspectRatio属性定义宽高比。


<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="oval">
    <size
        android:width="100dp"
        android:height="50dp"
        android:aspectRatio="1"/>
</shape>

6.填充(Solid)

可以填充内部的颜色


<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle">
    <solid android:color="#FF0000"/>
</shape>

7.还有 间隔(padding)、渐变(gradient)、缩放(Scale)、旋转(Rotate)、形状重复(Gradient Radius)、形状颜色深度(Color Depth)等其他属性,这里不一一列举,用的时候可以自行搜索。

案例示范

需求:做一个页面,两个按钮能切换背景的图形。

 

1.创建一个Activity,并写好布局文件


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

    <View
        android:id="@+id/v_content"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:layout_margin="10dp" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <Button
            android:id="@+id/btn_rect"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="圆角矩形背景" />

        <Button
            android:id="@+id/btn_oval"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="椭圆背景" />

    </LinearLayout>

</LinearLayout>

2.在res/drawable里面创建 一个圆角矩形的形状

设定名字,并把根节点设置为shape

并设定好形状的信息,也能在旁边预览


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

    <!-- 指定了形状内部的填充颜色 -->
    <solid android:color="#ffdd66" />
    <!-- 指定了形状轮廓的粗细与颜色 -->
    <stroke
        android:width="1dp"
        android:color="#aaaaaa" />
    <!-- 指定了形状四个圆角的半径 -->
    <corners android:radius="10dp" />

</shape>

3.同样的方法,创建一个椭圆

名字可以设为:shape_oval_rose


<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">

    <!-- 指定了形状内部的填充颜色 -->
    <solid android:color="#ff66aa" />

    <!-- 指定了形状轮廓的粗细与颜色 -->
    <stroke
        android:width="1dp"
        android:color="#aaaaaa" />

</shape>

4.现在我们想把这两个形状当成View的背景来用,并且点击按钮切换背景图片,就写Activity的java代码


public class ActivityA extends AppCompatActivity implements View.OnClickListener {

    private View v_content;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_a);
        
        //用v_content绑定view背景
        v_content = findViewById(R.id.v_content);
        findViewById(R.id.btn_rect).setOnClickListener(this);
        findViewById(R.id.btn_oval).setOnClickListener(this);
        // v_content的背景默认设置为圆角矩形
        v_content.setBackgroundResource(R.drawable.shape_rect_gold);
    }

    //处理点击事件:哪个按钮点击了,就切换成对应得到形状
    @Override
    public void onClick(View v) {
        int id = v.getId();
        if (id == R.id.btn_rect){
            v_content.setBackgroundResource(R.drawable.shape_rect_gold);
            return;
        }
        if (id == R.id.btn_oval){
            v_content.setBackgroundResource(R.drawable.shape_oval_rose);
            return;
        }
    }
}

九宫格图片(.9.png

在安卓开发中,九宫格图片通常用于实现可伸缩的图形,以适应不同尺寸的屏幕或控件。这在处理图形元素,尤其是背景图或图标时非常有用。下面让我解释一下如何实现安卓中的九宫格图片:

NinePatch 图片:

  • 九宫格图片是通过 NinePatch(.9.png) 图片格式来实现的。NinePatch 图片是一种特殊的 PNG 图片,它包含了额外的信息,指定了图片中哪些区域是可拉伸的,哪些区域是固定的。

工具:

  • Android 提供了工具,如 draw9patch 工具,用于创建 NinePatch 图片。这个工具允许你在图像的边缘绘制黑色线条,以指示哪些区域是可伸缩的。

.9.png 图片结构:

  • 一个 NinePatch 图片通常有一个可拉伸的中间区域,以及一些指示内容区域的黑线。这样,即使图片被拉伸,黑线的位置和大小也不会变化,保持了固定的区域。黑线的位置和大小可以通过 NinePatch 图片的文件名来指定。

使用 NinePatch 图片:

  • 在布局文件中,你可以使用 <ImageView> 元素来显示 NinePatch 图片。将 NinePatch 图片放在 res/drawable 目录中,并使用 @drawable/your_ninepatch_image 引用它。
  • 
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/your_ninepatch_image"/>
    

    统将根据屏幕尺寸和布局要求,自动拉伸和缩放 NinePatch 图片。

    相关内容可以看

    博客: Android 中关于九宫格图片的那些事

    视频:2022 最新 Android 基础教程,从开发入门到项目实战,看它就够了,更新中 p49

状态列表图形

Button按钮的背景在正常情况下是凸起的,在按下时是凹陷的,从按下到弹起的过程,用户便能知道点击了这个按钮。
在安卓开发中,状态列表(State List)是一种定义不同状态下显示的图形资源的方式。状态列表图形通常用于按钮、选择器等 UI 元素,以根据不同的用户操作状态显示不同的图形。

一个状态列表可以包含以下不同的状态:

普通状态(state_enabled="true"):

        默认状态,当用户没有与 UI 元素进行交互时显示的图形。

按下状态(state_pressed="true"):

        当用户按下按钮时显示的图形。

选中状态(state_selected="true"):

        当 UI 元素被选中时显示的图形,例如用于底部导航栏的图标。

焦点状态(state_focused="true"):

        当 UI 元素获得焦点时显示的图形。

不可用状态(state_enabled="false"):

        当 UI 元素不可用时显示的图形。

在定义状态列表时,你可以使用 <selector> 元素,其中包含了上述不同状态下的图形资源。以下是一个简单的例子:


<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 按下状态:就用图片@drawable/button_pressed -->
    <item android:state_pressed="true" android:drawable="@drawable/button_pressed"/>
    <!-- 选中状态 -->
    <item android:state_selected="true" android:drawable="@drawable/button_selected"/>
    <!-- 不可用状态 -->
    <item android:state_enabled="false" android:drawable="@drawable/button_disabled"/>
    <!-- 默认状态,必须放在最后 -->
    <item android:drawable="@drawable/button_normal"/>
</selector>

 然后在按钮中绑定这个背景xml即可


<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/button_state_list"/>

 状态类型的取值说明

状态列表图形不仅用于按钮控件,还可用于其他拥有多种状态的控件。

 案例示范

1.准备两个按钮图片,一个是没点击状态的按钮,一个是按下状态的按钮,将下面两个按钮png图片放到

2.在res/drawable里面创建xml文件,也是选择New Drawable Resource File,根要选择selector,名字可以起button_state_list


<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 按下状态:就用图片@drawable/button_pressed -->
    <item android:state_pressed="true" android:drawable="@drawable/pressed"/>
    <!-- 默认状态,必须放在最后 -->
    <item android:drawable="@drawable/normal"/>
</selector>

3.创建一个Activity,在布局里面写上按钮,然后在按钮中绑定这个背景xml即可


<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/button_state_list"/>

selector中嵌套Shape


<!-- res/drawable/edit_text_background.xml -->

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

    <!-- 默认状态 -->
    <item android:state_focused="false">
        <shape android:shape="rectangle">
            <solid android:color="#CCCCCC" /> <!-- 灰色 -->
            <corners android:radius="8dp" /> <!-- 圆角半径 -->
        </shape>
    </item>

    <!-- 聚焦状态 -->
    <item android:state_focused="true">
        <shape android:shape="oval">
            <solid android:color="#2196F3" /> <!-- 蓝色 -->
            <!-- 高圆角值,使其成为椭圆形 -->
            <corners android:radius="50dp" />
        </shape>
    </item>

</selector>

相关文章:

Selector中嵌套Shape

二、选择按钮

复选框CheckBox

在 Android 中,复选框是一种常见的用户界面元素,允许用户选择或取消选择一个或多个选项。以下是使用复选框的基本概念和示例:

基本结构:

在 Android 中,使用 <CheckBox> 元素来创建复选框。以下是一个简单的示例:


<CheckBox
    android:id="@+id/checkBox"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="选项"/>

上述代码创建了一个标准的复选框,其中 android:text 属性定义了显示在复选框旁边的文本。

复选框监听事件:

你可以为复选框设置监听器,以便在用户更改选择状态时执行某些操作。例如:

JavaCheckBox checkBox = findViewById(R.id.checkBox);

checkBox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
    @Override
    public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
        if (isChecked) {
            // 复选框被选中时的操作
        } else {
            // 复选框取消选中时的操作
        }
    }
});

获取和设置状态:

你可以通过 isChecked() 方法来获取复选框的当前状态,并使用 setChecked() 方法来设置复选框的状态。例如:


CheckBox checkBox = findViewById(R.id.checkBox);

// 获取状态
boolean isChecked = checkBox.isChecked();

// 设置状态
checkBox.setChecked(true);  // 选中
checkBox.setChecked(false); // 取消选中

多选:

如果你希望用户能够选择多个选项,可以使用 android:checkable 属性或者在代码中设置 setCheckable(true)


<CheckBox
    android:id="@+id/checkbox1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="选项1"
    android:checkable="true"/>

或者在代码中:


CheckBox checkBox = findViewById(R.id.checkbox1);
checkBox.setCheckable(true);

使用复选框的场景:

  • 多选设置: 允许用户在一组选项中进行多选。
  • 接受条款和条件: 例如,在注册或登录界面中,用户需要勾选复选框以接受服务条款。
  • 筛选: 在某些应用中,用户可以使用复选框来筛选或过滤数据。

复选框是 Android 用户界面设计中的常见元素,可以通过简单的 XML 属性或者在代码中进行设置,以适应不同的需求。

开关按钮Switch

Switch是安卓界面中常见的用户界面元素之一,用于在两种状态(开和关)之间切换。以下是一些关于安卓开发中Switch控件的基本信息:

XML布局中的使用: 在XML布局文件中,你可以使用<Switch>标签定义Switch控件。例如:


<Switch
    android:id="@+id/switchButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Switch"
    android:checked="true" />

在Java代码中的操作: 在Java代码中,你可以通过找到Switch控件的引用,然后设置监听器或直接操作状态来响应用户的操作。例如:


Switch switchButton = findViewById(R.id.switchButton);

switchButton.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
    @Override
    public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
        // 处理Switch状态变化
        if (isChecked) {
            // Switch打开
        } else {
            // Switch关闭
        }
    }
});
  1. 自定义样式和属性: Switch控件支持自定义样式和属性,你可以通过设置不同的属性来调整Switch的外观和行为,如颜色、大小、文字等。
  2. 状态切换动画: Switch控件在状态切换时可以显示平滑的过渡动画,提升用户体验。
  3. 使用场景: Switch控件通常用于需要在两种状态之间切换的设置项,比如开启或关闭某个功能、选中或取消选中某个选项等。

在安卓开发中,Switch控件是一种简单而强大的用户界面元素,方便开发者实现各种切换功能的交互效果。

单选按钮Radio Button

在安卓开发中,单选按钮(Radio Button)是一种常见的用户界面元素,用于允许用户从一组互斥的选项中选择一个。以下是有关安卓中单选按钮的基本信息:

XML布局中的使用: 在XML布局文件中,你可以使用<RadioButton>标签定义单选按钮。通常,单选按钮会与RadioGroup组合使用,确保在同一组中只有一个按钮被选中。RadioGroup 中也能规定RadioButton 的布局是竖直还是水平。 例如:


<RadioGroup
    android:id="@+id/radioGroup"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal">

    <RadioButton
        android:id="@+id/radioButton1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="男性" />

    <RadioButton
        android:id="@+id/radioButton2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="女性" />

    <!-- 可以添加更多的RadioButton -->

</RadioGroup>

在Java代码中的操作: 通过在Java代码中找到RadioGroup的引用,你可以监听单选按钮的选择事件,并根据需要执行相应的操作。例如:

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

radioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
    @Override
    public void onCheckedChanged(RadioGroup group, int checkedId) {
        // 获取选中的RadioButton的ID
        RadioButton selectedRadioButton = findViewById(checkedId);
        // 处理选中的RadioButton
        String selectedText = selectedRadioButton.getText().toString();
        // 可以根据选中的单选按钮执行相应的逻辑
        if ("男性".equals(selectedText)) {
        //...
        } else if ("女性".equals(selectedText)) {
        //...
        }

        // 也可以使用 switch 语句进行处理
        /*
        switch (selectedText) {
            case "Option 1":
                // 执行与"Option 1"相关的逻辑
                break;
            case "Option 2":
                // 执行与"Option 2"相关的逻辑
                break;
        }
        */
        
        
         // 也可以根据选中的单选按钮的ID执行相应的逻辑
         /*
        if (checkedId == R.id.radioButton1) {

        } else if (checkedId == R.id.radioButton2) {

        } else {

        }
        */
    }
});
  • 属性设置: 单选按钮支持一系列的属性设置,包括文本、颜色、样式等。你可以在XML布局文件或通过Java代码设置这些属性,以满足设计和功能的需求。
  • 组合使用: 单选按钮通常会和其他视图组合使用,比如在表单中,用户需要从多个选项中选择一个。在这种情况下,将多个单选按钮放在同一组(同一个RadioGroup)中可以确保它们是互斥的。
  • 样式和主题: 单选按钮的外观可以通过样式和主题进行自定义,以适应应用程序的整体风格。
  • java代码中常用的方法
    • 下面是RadioGroup在Java代码中的3个常用方法。

    • check:选中指定资源编号的单选按钮。
    • getCheckedRadioButtonld:获取已选中单选按钮的资源编号。
    • setOnCheckedChangeListener:设置单选按钮勾选变化的监听器。

 

三、文本输入和监听

编辑框EditText

EditText 是 Android 开发中常用的用户界面元素之一,它用于允许用户在应用程序中输入文本。以下是一些关于 EditText 的基本信息:

1.XML 布局中的使用: 在 XML 布局文件中,你可以使用 <EditText> 标签定义 EditText。以下是一个简单的示例:


<EditText
    android:id="@+id/editText"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="请输入文本"
    android:inputType="text" />

  • android:id:指定 EditText 的唯一标识符。
  • android:layout_widthandroid:layout_height:指定宽度和高度。
  • android:hint:设置在用户未输入文本时显示的提示信息。
  • android:inputType:指定输入类型,例如 text, number, email 等。

2.在 Java 代码中的操作: 通过在 Java 代码中找到 EditText 的引用,你可以对其进行各种操作,如获取用户输入、设置文本、监听文本变化等。以下是一个简单的例子:


EditText editText = findViewById(R.id.editText);

// 获取用户输入的文本
String userInput = editText.getText().toString();

// 设置文本
editText.setText("新的文本");

// 监听文本变化
editText.addTextChangedListener(new TextWatcher() {
    @Override
    public void beforeTextChanged(CharSequence charSequence, int start, int before, int count) {
        // 在文本变化之前的操作
    }

    @Override
    public void onTextChanged(CharSequence charSequence, int start, int before, int count) {
        // 在文本变化时的操作
    }

    @Override
    public void afterTextChanged(Editable editable) {
        // 在文本变化之后的操作
    }
});

3.属性和方法: EditText 具有丰富的属性和方法,允许你自定义其外观和行为。例如,你可以使用 android:maxLength 属性限制用户输入的字符数,或者使用 setInputType() 方法指定输入类型。

4.输入类型(InputType): 通过设置 android:inputTypesetInputType(),你可以指定输入类型,例如文本、数字、密码等。这有助于限制用户输入的内容。


<EditText
    android:id="@+id/passwordEditText"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="请输入密码"
    android:inputType="textPassword" />

 

5.样式和主题: EditText 可以通过应用样式和主题来自定义其外观。你可以使用 XML 的样式属性或在代码中动态设置样式。

总体而言,EditText 是 Android 开发中用于接受用户输入文本的重要控件。通过合理设置属性和监听器,你可以实现各种用户输入场景的处理

焦点变更监听器

调用编辑框对象的setOnFocusChangeListener方法,即可在光标切换时触发焦点变更事件。

使用场景如:手机号码未输满11位,就点击密码框,此时校验不通过,一边弹出提示文字,一边把焦点拉回手机框。

例:当手机号码不足11位时点击密码框会出现提示。

注意:不可采取这样的方式:为密码框绑定点击事件,当点击密码框时检测是否通过。

原因:编辑框点击两次后才会触发点击事件,第一次点击只触发焦点变更事件,第二次点击才触发点击事件。

Xml


<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
 
    <EditText
        android:id="@+id/et_phone"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/edit_text"
        android:layout_marginTop="10dp"
        android:hint="请输入11位手机号码"
        android:inputType="number"
        android:maxLength="11"/>
 
    <EditText
        android:id="@+id/et_password"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/edit_text"
        android:layout_marginTop="10dp"
        android:hint="请输入密码"
        android:inputType="numberPassword"
        android:maxLength="11"/>
 
    <Button
        android:id="@+id/btn_login"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="登录"/>
 
 
</LinearLayout>

Java


public class EditFocusActivity extends AppCompatActivity implements View.OnFocusChangeListener {
 
    private EditText et_phone;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_edit_focus);
        et_phone = findViewById(R.id.et_phone);
        EditText et_password = findViewById(R.id.et_password);
        et_password.setOnFocusChangeListener(this);
    }
 
    @Override
    public void onFocusChange(View view, boolean hasFocus) {
        if(hasFocus){
            String phone = et_phone.getText().toString();
            //如果手机号码不足11位或为空
            if(TextUtils.isEmpty(phone)||phone.length()<11){
                //手机号码编辑框请求焦点,把光标移回手机号码编辑框
                et_phone.requestFocus();
                Toast.makeText(this,"请输入11位的!",Toast.LENGTH_SHORT).show();
            }
        }
    }
}

文本变化监听器

需求:输入11位号码后,自动把键盘收起来

这个就需要监听文本的变化

方法:在文本变化时,监听它长度有没有11位

在 Java 代码中的操作: 通过在 Java 代码中找到 EditText 的引用,你可以对其进行各种操作,如获取用户输入、设置文本、监听文本变化等。以下是一个简单的例子:


public class ActivityA extends AppCompatActivity {

    private EditText editText;

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

        editText = findViewById(R.id.editText);

        editText.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {
                // 在文本变化前的操作
            }

            @Override
            public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {
                // 在文本变化时的操作
                String input = charSequence.toString().trim();
                if (input.length() == 11) {
                    // 输入11位时,隐藏键盘
                    hideKeyboard();
                }
            }

            @Override
            public void afterTextChanged(Editable editable) {
                // 在文本变化后的操作
            }
        });
    }

    // 隐藏键盘的方法
    private void hideKeyboard() {
        InputMethodManager imm = (InputMethodManager) getSystemService(Context.INPUT_METHOD_SERVICE);
        imm.hideSoftInputFromWindow(editText.getWindowToken(), 0);
    }
}

四、对话框

提醒对话框AlertDialog

AlertDialog 是 Android 中常用的对话框(Dialog)之一,用于显示一些消息、接受用户输入或确认用户的操作。

以下是一个简单的示例,演示如何创建一个简单的 AlertDialog:


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

    <Button
        android:id="@+id/showAlertButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="显示对话框"
        android:layout_centerInParent="true" />

</RelativeLayout>


import android.app.AlertDialog;
import android.content.DialogInterface;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {

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

        Button showAlertButton = findViewById(R.id.showAlertButton);
        showAlertButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                showAlertDialog();
            }
        });
    }

    private void showAlertDialog() {
        AlertDialog.Builder builder = new AlertDialog.Builder(this);

        // 设置对话框标题
        builder.setTitle("提示");

        // 设置对话框消息
        builder.setMessage("这是一个AlertDialog示例。");

        // 设置对话框按钮
        builder.setPositiveButton("确定", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialogInterface, int i) {
                // 用户点击确定按钮后的操作
            }
        });

        // 设置对话框取消按钮
        builder.setNegativeButton("取消", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialogInterface, int i) {
                // 用户点击取消按钮后的操作
            }
        });

        // 创建并显示对话框
        AlertDialog alertDialog = builder.create();
        alertDialog.show();
    }
}

日期对话框DatePickerDiaglog


DatePickerDialog 是 Android 中用于选择日期的对话框。以下是一个简单的示例,演示如何在 Android 中使用 DatePickerDialog

 


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

    <Button
        android:id="@+id/showDatePickerButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="选择日期"
        android:layout_centerInParent="true" />

</RelativeLayout>


import android.app.DatePickerDialog;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.DatePicker;
import android.widget.Toast;

import androidx.appcompat.app.AppCompatActivity;

import java.util.Calendar;

public class MainActivity extends AppCompatActivity {

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

        Button showDatePickerButton = findViewById(R.id.showDatePickerButton);
        showDatePickerButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                showDatePicker();
            }
        });
    }

    private void showDatePicker() {
        // 获取当前日期
        final Calendar calendar = Calendar.getInstance();
        int year = calendar.get(Calendar.YEAR);
        int month = calendar.get(Calendar.MONTH);
        int day = calendar.get(Calendar.DAY_OF_MONTH);

        // 创建 DatePickerDialog 对象
        DatePickerDialog datePickerDialog = new DatePickerDialog(
                this,
                new DatePickerDialog.OnDateSetListener() {
                    @Override
                    public void onDateSet(DatePicker view, int selectedYear, int selectedMonth, int selectedDay) {
                        // 用户选择日期后的操作
                        String selectedDate = selectedYear + "-" + (selectedMonth + 1) + "-" + selectedDay;
                        Toast.makeText(MainActivity.this, "选择的日期:" + selectedDate, Toast.LENGTH_SHORT).show();
                    }
                },
                year,
                month,
                day
        );

        // 显示 DatePickerDialog
        datePickerDialog.show();
    }
}

在这个示例中,activity_main.xml 包含一个按钮,点击该按钮会触发 showDatePicker 方法,显示一个包含当前日期的 DatePickerDialog。用户选择日期后,通过 OnDateSetListener 监听器获取用户选择的日期并显示在 Toast 中。

注意:月份那里要加1,它这里是0-11,我们用的月份是1-12月,所以:selectedMonth + 1

你可以根据需要调整日期选择的初始值、监听器的逻辑等。这只是一个简单的示例,供你了解如何使用 DatePickerDialog

 

在 Android 12 及更高版本,DatePicker 也引入了 datePickerMode 属性,用于切换日期选择的模式。这个属性可以设置为 "calendar" 表示日历模式,或 "spinner" 表示下拉框模式。

以下是一个使用 XML 设置 DatePicker 样式的示例:


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

    <DatePicker
        android:id="@+id/datePicker"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:datePickerMode="calendar" />

    <Button
        android:id="@+id/showDateButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="显示日期"
        android:layout_below="@id/datePicker"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="16dp" />

</RelativeLayout>


import android.os.Build;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.DatePicker;
import android.widget.Toast;

import androidx.annotation.RequiresApi;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {

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

        Button showDateButton = findViewById(R.id.showDateButton);
        showDateButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                showSelectedDate();
            }
        });
    }

    @RequiresApi(api = Build.VERSION_CODES.O)
    private void showSelectedDate() {
        DatePicker datePicker = findViewById(R.id.datePicker);

        int year, month, dayOfMonth;

        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
            year = datePicker.getYear();
            month = datePicker.getMonth();
            dayOfMonth = datePicker.getDayOfMonth();
        } else {
            // 在 Android 12 以下版本,没有直接提供获取日期的方法,可以通过反射获取
            // 这里仅为演示,实际使用时请注意处理兼容性问题
            try {
                java.lang.reflect.Field field = datePicker.getClass().getDeclaredField("mYearSpinner");
                field.setAccessible(true);
                year = (int) field.get(datePicker);

                field = datePicker.getClass().getDeclaredField("mMonthSpinner");
                field.setAccessible(true);
                month = (int) field.get(datePicker);

                field = datePicker.getClass().getDeclaredField("mDaySpinner");
                field.setAccessible(true);
                dayOfMonth = (int) field.get(datePicker);
            } catch (Exception e) {
                e.printStackTrace();
                return;
            }
        }

        String selectedDate = year + "-" + (month + 1) + "-" + dayOfMonth;
        Toast.makeText(this, "选择的日期:" + selectedDate, Toast.LENGTH_SHORT).show();
    }
}

时间对话框TimePickerDialog

如果你想要实现时间选择对话框,你可以使用 TimePickerDialog。以下是一个简单的示例代码,演示如何在 Android 中使用 TimePickerDialog


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

    <Button
        android:id="@+id/showTimePickerButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="选择时间"
        android:layout_centerInParent="true" />

</RelativeLayout>


import android.app.TimePickerDialog;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TimePicker;
import android.widget.Toast;

import androidx.appcompat.app.AppCompatActivity;

import java.util.Calendar;

public class MainActivity extends AppCompatActivity {

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

        Button showTimePickerButton = findViewById(R.id.showTimePickerButton);
        showTimePickerButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                showTimePicker();
            }
        });
    }

    private void showTimePicker() {
        // 获取当前时间
        final Calendar calendar = Calendar.getInstance();
        int hour = calendar.get(Calendar.HOUR_OF_DAY);
        int minute = calendar.get(Calendar.MINUTE);

        // 创建 TimePickerDialog 对象
        TimePickerDialog timePickerDialog = new TimePickerDialog(
                this,
                new TimePickerDialog.OnTimeSetListener() {
                    @Override
                    public void onTimeSet(TimePicker timePicker, int selectedHour, int selectedMinute) {
                        // 用户选择时间后的操作
                        String selectedTime = selectedHour + ":" + selectedMinute;
                        Toast.makeText(MainActivity.this, "选择的时间:" + selectedTime, Toast.LENGTH_SHORT).show();
                    }
                },
                hour,
                minute,
                true // 是否显示 24 小时制
        );

        // 显示 TimePickerDialog
        timePickerDialog.show();
    }
}

在这个示例中,activity_main.xml 包含一个按钮,点击该按钮会触发 showTimePicker 方法,显示一个包含当前时间的 TimePickerDialog。用户选择时间后,通过 OnTimeSetListener 监听器获取用户选择的时间并显示在 Toast 中。

 

在 Android 12 及更高版本中,引入了 TimePickertimePickerMode 属性,可以用于切换时钟模式。

在 XML 文件中直接设置 TimePicker 的样式需要使用 android:timePickerMode 属性。这个属性是在 Android 12 及更高版本引入的,用于设置 TimePicker 的模式。可以设置为 "clock" 表示时钟模式,或 "spinner" 表示下拉框模式。

以下是一个使用 XML 设置 TimePicker 样式的示例:


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

    <TimePicker
        android:id="@+id/timePicker"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:timePickerMode="clock" />

    <Button
        android:id="@+id/showTimeButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="显示时间"
        android:layout_below="@id/timePicker"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="16dp" />

</RelativeLayout>


import android.os.Build;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TimePicker;
import android.widget.Toast;

import androidx.annotation.RequiresApi;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {

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

        Button showTimeButton = findViewById(R.id.showTimeButton);
        showTimeButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                showSelectedTime();
            }
        });
    }

    @RequiresApi(api = Build.VERSION_CODES.M)
    private void showSelectedTime() {
        TimePicker timePicker = findViewById(R.id.timePicker);

        int hour, minute;
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
            hour = timePicker.getHour();
            minute = timePicker.getMinute();
        } else {
            hour = timePicker.getCurrentHour();
            minute = timePicker.getCurrentMinute();
        }

        String selectedTime = hour + ":" + minute;
        Toast.makeText(this, "选择的时间:" + selectedTime, Toast.LENGTH_SHORT).show();
    }
}

spanner模式的


原文地址:https://blog.csdn.net/KangYouWei6/article/details/136236574

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!