Android 开发布局笔记01 控件

最新推荐文章于 2023-03-22 18:38:09 发布
最新推荐文章于 2023-03-22 18:38:09 发布
阅读量418 收藏
点赞数
分类专栏： Andorid 文章标签： android java ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46969441/article/details/129025993
版权

Relative Layout

前端界面代码

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

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="button1"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="20dp"/>

    <Button
        android:id="@+id/btn_2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="button2"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="260dp"/>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="button3"
        android:layout_toRightOf="@+id/btn_2"
        android:layout_alignBottom="@+id/btn_2"
        android:layout_marginBottom="100dp"
        />

</RelativeLayout>

在这里插入图片描述

LinearLayout

线性布局(LinearLayout）主要以水平或垂直方式来显示界面中的控件。当控件水平排列时，显示顺序依次为从左到右，当控件垂直排列时，显示顺序依次为从上到下。
在这里插入图片描述

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

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="button_01"/>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="button_02"/>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="button_03"/>


</LinearLayout>

在这里插入图片描述

TableLayout 布局

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity"
    android:stretchColumns="2"
    >

    <TableRow>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="button01"
            />
    </TableRow>
    <TableRow>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="button02"
            />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="button022"
            />
    </TableRow>

    <TableRow>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="button03"
            android:layout_column="2"
            />

    </TableRow>
</TableLayout>

在这里插入图片描述

简单控件

控件 ： 页面的组成的主要元素，用于 和 用户进行交互。

控件分类

在这里插入图片描述
控件属性
在这里插入图片描述
控件布局

在这里插入图片描述

TextView

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

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TextView显示的文本信息"
        android:textSize="30sp"
        android:textColor="#FF5722"
        android:textStyle="italic"
        android:layout_centerHorizontal="true"
        />


</RelativeLayout>

在这里插入图片描述
设置布局的步骤
1.确定布局 Determine the layout
2.多少控件 How many controls?
3.格局 和 位置 Pattern and Locations

小案例

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

    <TextView
        android:id="@+id/tv_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="知识就像是内裤underwear"
        android:textSize="30sp"
        android:textColor="#673AB7"
        android:textStyle="bold"
        android:layout_centerHorizontal="true"
        />

    <TextView
        android:id="@+id/tv_2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="看不见但是很重要"
        android:layout_centerHorizontal="true"
        android:layout_below="@+id/tv_1"
        android:layout_marginTop="100dp"
        android:textSize="30sp"
        android:textColor="#EC0A0A"
        android:textStyle="italic"
        />

</RelativeLayout>

在这里插入图片描述

Button

Buton控件继承自 TexView控件，既可以显示文本，又可以显示图片，同时允许用户通过点击来执行操作，当Button控件被点击时，被按下与弹起的背景会有个动态的切换效果，这个效果就是点击效果。
最重要的作用：响应用户的点击事件

实现方式

1 在xml文件中添加按钮控件
在这里插入图片描述
2 在对应Java文件中获取按钮
在这里插入图片描述
3 给按钮设置点击事件
在这里插入图片描述
案例

设置前端布局

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

    <Button
        android:id="@+id/btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="我美吗"
        android:textSize="30sp"
        />

</RelativeLayout>

后端逻辑

package edu.northeastern.myapplication3;

import androidx.appcompat.app.AppCompatActivity;

import android.annotation.SuppressLint;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    private Button btn;

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

        // 2. 通过id获取按钮
        btn = findViewById(R.id.btn);

        // 3. 给btn按钮设置监听事件
        btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // 4. 监听到点击之后，要做的事情
                Toast.makeText(getApplicationContext(),"当然是你最美了",Toast.LENGTH_SHORT).show();
            }
        });
    }
}

EditText

输入框，编辑框

属性
在这里插入图片描述

案例

布局

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

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="姓名: "
    android:textSize="30sp"
    android:textColor="#000"/>

<EditText
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="请输入名字"
    android:maxLines="2"
    android:textColor="#000"
    android:textStyle="italic"
    android:textSize="30sp"/>

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="密码: "
    android:textSize="30sp"
    android:textColor="#000"/>

<EditText
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="请输入密码"
    android:maxLines="2"
    android:textColor="#000"
    android:textStyle="italic"
    android:textSize="30sp"
    android:password="true"
    />

在这里插入图片描述

RadioButton 单选按钮

RadioButton控件继承自Button控件,表示单选按钮通过android.checked属性指定是否选中

RadioGroup 单选组合框
容纳多个 单选，组合在一起，实现单选状态

案例

前端布局

<?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:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/tv_select"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="请选择你的性别: "
        android:textSize="30sp"
        android:textColor="#673AB7"
        android:layout_margin="20dp"
        />

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

        <RadioButton
            android:id="@+id/btn_man"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="男"
            android:layout_marginLeft="30dp"
            />

        <RadioButton
            android:id="@+id/btn_woman"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="女"
            android:layout_marginLeft="30dp"
            />
    </RadioGroup>

    <TextView
        android:id="@+id/tv_out"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="你的性别是: "
        android:textSize="30sp"
        android:textColor="#673AB7"
        android:layout_margin="20dp"
        />

    <TextView
        android:id="@+id/tv_context"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="#F44336"
        android:layout_margin="20dp"
        />


</LinearLayout>

在这里插入图片描述

后端逻辑

package edu.northeastern.myapplication3;

import androidx.appcompat.app.AppCompatActivity;

import android.annotation.SuppressLint;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    RadioGroup rdg;
    RadioButton btn_man, btn_woman;
    TextView tv_content;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        // 初始化
        rdg = findViewById(R.id.rdg);
        btn_man = findViewById(R.id.btn_man);
        btn_woman = findViewById(R.id.btn_woman);
        tv_content = findViewById(R.id.tv_context);

        // 点击监听
        rdg.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup group, int checkedId) {
                // 用户点击之后，我们需要执行的操作
                if (checkedId == R.id.btn_man) {
                    // 用户选择了男
                    tv_content.setText("男");
                } else {
                    tv_content.setText("女");
                }
            }
        });
    }
}

案例2
案例1看懂不用看案例2了
前端

<?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:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/tv_select"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="请选择你喜欢的娱乐方式: "
        android:textSize="30sp"
        android:textColor="#673AB7"
        android:layout_margin="20dp" />

    <RadioGroup
        android:id="@+id/rdg"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginLeft="30dp">

        <RadioButton
            android:id="@+id/btn_wz"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="王者" />

        <RadioButton
            android:id="@+id/btn_cc"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="吃鸡" />

        <RadioButton
            android:id="@+id/btn_dq"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="打球" />

        <RadioButton
            android:id="@+id/btn_zj"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="追剧"/>

    </RadioGroup>

    <TextView
        android:id="@+id/tv_out"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="你最喜欢的娱乐方式是: "
        android:textSize="30sp"
        android:textColor="#673AB7"
        android:layout_margin="20dp"
        />

    <TextView
        android:id="@+id/tv_context"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="#F44336"
        android:layout_margin="20dp"
        />


</LinearLayout>

在这里插入图片描述
后端代码

package edu.northeastern.myapplication3;

import androidx.appcompat.app.AppCompatActivity;

import android.annotation.SuppressLint;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    RadioGroup rdg;
    RadioButton btn_wz, btn_cc, btn_dq, btn_zj;
    TextView tv_content;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        // 初始化
        rdg = findViewById(R.id.rdg);
        btn_wz = findViewById(R.id.btn_wz);
        btn_cc = findViewById(R.id.btn_cc);
        btn_dq = findViewById(R.id.btn_dq);
        btn_zj = findViewById(R.id.btn_zj);
        tv_content = findViewById(R.id.tv_context);

        // 点击监听
        rdg.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup group, int checkedId) {
                // 用户点击之后，我们需要执行的操作
                if (checkedId == R.id.btn_wz) {
                    // 用户选择了男
                    tv_content.setText("王者");
                } else if (checkedId == R.id.btn_cc){
                    tv_content.setText("吃鸡");
                } else if (checkedId == R.id.btn_dq){
                    tv_content.setText("打球");
                }else if (checkedId == R.id.btn_zj){
                    tv_content.setText("追剧");
                }
            }
        });
    }
}

CheckBox 用于多选

在这里插入图片描述

案例

<?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:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="请选择你的兴趣爱好"
        android:textSize="30sp"
        android:textColor="#D67455"/>

    <CheckBox
        android:id="@+id/cb_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="羽毛球"/>
    <CheckBox
        android:id="@+id/cb_2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="篮球"/>
    <CheckBox
        android:id="@+id/cb_3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="乒乓球"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="你的兴趣爱好有"
        android:textSize="30sp"
        android:textColor="#D67455"/>

    <TextView
        android:id="@+id/tv_res"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="30sp"
        android:layout_marginLeft="20dp"
        />
</LinearLayout>

在这里插入图片描述

package edu.northeastern.myapplication3;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    private CheckBox cb_1, cb_2, cb_3;
    private TextView tv_res;
    private String hobbies;

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

        cb_1 = findViewById(R.id.cb_1);
        cb_2 = findViewById(R.id.cb_2);
        cb_3 = findViewById(R.id.cb_3);
        tv_res = findViewById(R.id.tv_res);
        hobbies = "";

        // 点击1后监听事件
        cb_1.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                // 获取当前多选按钮的文本形象
                String text = buttonView.getText().toString();

                if (isChecked) {
                    hobbies += text + " "; // 拼接文本
                    // 设置textView添加文本
                    tv_res.setText(hobbies);
                } else {
                    // 没选择，去除当前选项文字
                    hobbies = hobbies.replace(text, "");
                    tv_res.setText(hobbies);
                }
            }
        });

        cb_2.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                // 获取当前多选按钮的文本形象
                String text = buttonView.getText().toString();

                if (isChecked) {
                    hobbies += text + " "; // 拼接文本
                    // 设置textView添加文本
                    tv_res.setText(hobbies);
                } else {
                    // 没选择，去除当前选项文字
                    hobbies = hobbies.replace(text, "");
                    tv_res.setText(hobbies);
                }
            }
        });

        cb_3.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                // 获取当前多选按钮的文本形象
                String text = buttonView.getText().toString();

                if (isChecked) {
                    hobbies += text + ""; // 拼接文本
                    // 设置textView添加文本
                    tv_res.setText(hobbies);
                } else {
                    // 没选择，去除当前选项文字
                    hobbies = hobbies.replace(text, "");
                    tv_res.setText(hobbies);
                }
            }
        });


    }
}

Toast

Toast是Android系统提供的轻量级信息提醒机制，用于向用户提示即时消息， 它显示在应用程序界面的最上层，显示一段时间后自动消失不会打断当前操作， 也不获得焦点。
在这里插入图片描述

AlertDialog对话框

在这里插入图片描述
简单案例

在这里插入图片描述

<?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:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">
    
    <Button
        android:id="@+id/btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="点击"/>

</LinearLayout>

package edu.northeastern.myapplication3;

import androidx.appcompat.app.AlertDialog;
import androidx.appcompat.app.AppCompatActivity;

import android.content.DialogInterface;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    private Button btn;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        btn = this.<Button>findViewById(R.id.btn);

        btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // 创建构建器
                AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
                // 设置属性
                builder.setIcon(R.mipmap.ic_launcher)
                        .setTitle("普通对话框")
                        .setMessage("是否要退出应用")
                        .setPositiveButton("确定", new DialogInterface.OnClickListener() {
                            @Override
                            public void onClick(DialogInterface dialog, int which) {
                                // 用户点击，直接退出
                                dialog.dismiss();
                                MainActivity.this.finish();// 退出当前应用
                            }
                        })
                        .setNegativeButton("取消", new DialogInterface.OnClickListener() {
                            @Override
                            public void onClick(DialogInterface dialog, int which) {
                                // 关闭 对话框
                                dialog.dismiss(); // 关闭alertdiag对话框
                            }
                        })
                        .create()// 创建
                        .show(); // 展示给用户
            }
        });
    }
}

案例2
设置对话框，编辑字体大小

<?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"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/tv_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="单选对话框"
        android:layout_centerHorizontal="true"
        android:textSize="20sp"
        android:textColor="#DD7250"
        android:layout_marginTop="20dp"/>

    <Button
        android:id="@+id/btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/tv_1"
        android:layout_centerHorizontal="true"
        android:text="点击"/>

</RelativeLayout>

在这里插入图片描述

package edu.northeastern.myapplication3;

import androidx.appcompat.app.AlertDialog;
import androidx.appcompat.app.AppCompatActivity;

import android.content.DialogInterface;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    private TextView tv;
    private Button btn;
    private int userChoice = 1; // 记录用户选择
    private int[] textSizeArray = {10, 20, 30, 50}; // 字体大小对应的数据

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        btn = findViewById(R.id.btn);
        tv = findViewById(R.id.tv_1);

        btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // 弹出单选对话框
                // 1 构建器
                AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
                // 2 设置属性
                 builder.setIcon(R.mipmap.ic_launcher)
                        .setTitle("单选对话框")
                        // 设置单选列表
                        /**
                         * 设置单选列表
                         * 参数1 单选列表(数组)
                         */
                        .setSingleChoiceItems(new String[]{"小号", "默认 ", "中号", "大号"}, userChoice, new DialogInterface.OnClickListener() {
                            @Override
                            public void onClick(DialogInterface dialog, int which) {
                                // 记录用户选择
                                userChoice = which; // which 是记录到的选择，传递给参数userChoice
                            }
                        })
                        .setPositiveButton("确定", new DialogInterface.OnClickListener() {
                            @Override
                            public void onClick(DialogInterface dialog, int which) {
                                // 修改字体大小
                                tv.setTextSize(textSizeArray[userChoice]);
                                dialog.dismiss();
                            }
                        })
                        .setNegativeButton("取消", new DialogInterface.OnClickListener() {
                            @Override
                            public void onClick(DialogInterface dialog, int which) {
                                // 关闭对话框
                                dialog.dismiss();
                            }
                        })
                         .create()
                         .show();
            }
        });

    }
}

AlertDialog对话框

在这里插入图片描述

<?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:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="退出应用"/>




</LinearLayout>

在这里插入图片描述

package edu.northeastern.myapplication3;

import androidx.appcompat.app.AlertDialog;
import androidx.appcompat.app.AppCompatActivity;

import android.content.DialogInterface;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    private TextView tv;
    private Button btn;
    private int userChoice = 1; // 记录用户选择
    private int[] textSizeArray = {10, 20, 30, 50}; // 字体大小对应的数据

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


        btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // 监听到用户点击退出，弹出AlertDialog对话框
                AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
                builder.setIcon(R.mipmap.ic_launcher)
                        .setTitle("普通对话框")
                        .setPositiveButton("确定", new DialogInterface.OnClickListener() {
                            @Override
                            public void onClick(DialogInterface dialog, int which) {
                                // 用户点击确定，直接退出应用
                                dialog.dismiss();
                                MainActivity.this.finish(); // 退出应用
                            }
                        })
                        .setNegativeButton("取消", new DialogInterface.OnClickListener() {
                            @Override
                            public void onClick(DialogInterface dialog, int which) {
                                // 关闭alertdialog对话框
                                dialog.dismiss();
                            }
                        }).create().show();
            }
        });

    }
}

多选对话框

在这里插入图片描述

<?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"
    android:orientation="vertical"
    tools:context=".MainActivity">


    <TextView
        android:id="@+id/tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:textSize="30sp"
        android:text="多选对话框"/>

    <Button
        android:id="@+id/btn_01"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="选取兴趣爱好"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="100dp"/>

    <TextView
        android:id="@+id/tv_res"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="30sp"
        android:text=""
        android:layout_centerHorizontal="true"
        android:layout_below="@id/btn_01"/>
</RelativeLayout>

在这里插入图片描述

package edu.northeastern.myapplication3;

import androidx.appcompat.app.AlertDialog;
import androidx.appcompat.app.AppCompatActivity;

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

public class MainActivity extends AppCompatActivity {
    private Button btn;
    private TextView tv_res;
    private String[] hobbies = {"旅游", "美食", "看电影", "运动"}; // 多选列表
    private boolean[] userChoice = {false, false, false, false}; // userChoice 用户选择的选项
    private String text = new String();


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        btn = findViewById(R.id.btn_01);
        tv_res = findViewById(R.id.tv_res);

        btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
                builder.setIcon(R.mipmap.ic_launcher)
                        .setTitle("多选对话框")
                        /**
                         * 设置单选对话框
                         * 参数1 多选列表(数组)
                         *
                         */
                        .setMultiChoiceItems(hobbies, userChoice, new DialogInterface.OnMultiChoiceClickListener() {



                            @Override
                            public void onClick(DialogInterface dialog, int which, boolean isChecked) {
                                // 捕捉用户的选择
                                text = "";
                                for (int i = 0; i < userChoice.length; i++) {
                                    if (userChoice[i]) { // 表示用户选择了
                                        text = text + hobbies[i];
                                    } else {// 用户没选择
                                        text = text.replace(hobbies[i], "");
                                    }
                                }
                            }
                        })
                        .setPositiveButton("确定", new DialogInterface.OnClickListener() {
                            @Override
                            public void onClick(DialogInterface dialog, int which) {
                                // 展示用户的选择
                                tv_res.setText(text);
                                dialog.dismiss();
                            }
                        })
                        .setNegativeButton("取消", new DialogInterface.OnClickListener() {
                            @Override
                            public void onClick(DialogInterface dialog, int which) {
                                dialog.dismiss();
                            }
                        })
                        .create()
                        .show();
            }
        });
    }
}

ImageView

图片嵌入框

生产队的驴儿
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
安卓开发AlertDialog对象（弹窗）
weixin_58411448的博客
11-02 197
java package com.example.learn; import androidx.appcompat.app.AlertDialog; import androidx.appcompat.app.AppCompatActivity; import androidx.appcompat.widget.Toolbar; import android.content.DialogInterface; import android.os.Bundle; import android.util.
Android AlertDialog 全局样式修改
z19980115的博客
03-05 889
此处修改的AlertDialog是androidx.appcompat.app下的。 将下列文件导入到项目中，请勿修改 文件名 及控件的id ，然后直接修改控件样式即可。 AlertDialog底部的按钮 abc_alert_dialog_button_bar_material.xml <?xml version="1.0" encoding="utf-8"?> <ScrollView xmlns:android="http://schemas.android.com/apk/res/an
Android的 AlertDialog自定义布局与常用布局用法（弹窗）
qq_36570506的博客
03-05 3060
Android的 AlertDialog自定义布局与常用布局用法
android：对话框AlertDialog
weixin_63987141的博客
03-22 359
往往都需要新建一个页面，在此是不需要新建新的Activity，只需要一个Layout布局页面。以下附上全部代码示例（该实例是一个引导页，其中涉及到数据存储的知识点，可以看我的其他博客）注意：在这里与我们平时拿控件的方法不同，一定要加上view. 再加上控件。activity_guide.xml：引导页layout文件。一般我们在自定义页面的时候不会都写在一个页面中，造成代码杂糅。setNegativeButton()：一般用于取消功能。guide_white.xml：未选择白色圆点。否则会造成空指针报错。
Android AlertDialog 弹出layout中的xml页面
qq_37779412的博客
07-19 420
manin.xml 代码 <LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" android:weightSum="1" tools:ignore="MissingConstraints"> <.
Android自定义控件之组合控件学习笔记分享
01-04
大家看到这个觉得这不是很简单的吗，这不就是写个布局文件就搞定嘛，没错，确实直接上布局就行，不过，我只是用这个简单的例子来讲一下自定义组合控件的用法。 首先看看，这一行行的条目看起来都长得差不多，只是...
分享Android开发自学笔记之AndroidStudio常用功能
01-05
2、设计区，默认在打开布局文件时为设计模式，可直接拖动控件到界面上实现所见即所得，下方的Design和Text就是代码和设计模式的切换按钮，切换至TEXT时，左侧为代码编辑区，右侧为所见即所得的预览。 下
Android开发笔记 TableLayout常用的属性介绍
01-05
TableLayout经常用到的属性有： ...当LayoutRow里面的控件还没有布满布局时，shrinkColumns不起作用，如下图： 设置了shrinkColumns=0,1,2，布局完全没有改变，因为LayoutRow里面还剩足够的空间。 当L
Android 开发笔记 07-02 篇：OpenCV 人脸检测篇
01-03
目录 人脸检测效果 开发环境 人脸检测原理 ...步骤 2：布局文件中导入 JavaCameraView 控件 步骤 3：Activity 实现 CameraBridgeViewBase.CvCameraViewListener2 接口 步骤 4：Activity 初始化 JavaCamera
Android学习笔记
01-03
LinearLayoutCompat 线性布局 android:orientation=“vertical” 指定布局内控件排列方式为 垂直排列 ...match_parent表示让当前控件的大小和父布局的大小一样，也就是由父布局来决定当前控件的大小 wrap_con
安卓如何使用layout布局的弹出框AlertDialog
积跬步，成千里。
08-31 2573
先看效果： 功能：后台webview访问andorid某个js函数时，弹出AlertDialog弹出框。 一、创建Layout 1.右键 Android studio 项目的layout，在弹出框中选择 Layout Resource File,如图 输入文件名，默认LinnerLayout。 2. 打开此文件，选择design模式。 3. 选择构件中的Widgets-T...
Android开发中AlertDialog的使用方法
敢于挑战我可以的博客
10-01 471
一、AlertDialog使用方法详解 1、创建一个对话框并设置它的相关属性 private Builder builder; builder=new Builder(MainActivity.this);builder.setIcon(R.drawable.hobby);builder.setTitle("单选列表对话框"); 2、为对话框添加适配器 builder.setSi
Android开发中AlertDialog提示框的使用（超详细）
lpCrazyBoy的博客
06-01 2463
今天，统计记录一下AlertDialog提示框的常见用法：1、标准提示框2、下拉列表提示框3、下拉单选框提示框4、下拉多选框提示框5、自定义提示框（重要）效果如下：activity_alertdialog.xml 布局文件如下：&lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;LinearLayout android:layout_width="ma...
Android App开发超实用实例 | AlertDialog对话框
不断学习，不断进步，提高自己
11-08 1927
介绍AlertDialog对话框从简到繁的多种设计方案，从新角度理解UI交互设计。 AlertDialog对话框允许自定义弹出对话框的内容，实现比之前讲解的几种对话框更丰富的功能。
Android AlertDialog对话框使用（各种样式）
weixin_43942430的博客
03-13 4980
先上几张效果图 这是XML文件中的控件，只是使用了按钮点击来触发 &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schema...
AndroidStudio中AlertDialog的四种用法
热门推荐
qq_42183184的博客
09-08 5万+
目录 1.默认样式 2.单选弹出框 3.多选弹出框 4.自定义弹出框 补充！！ 1.默认样式 android.support.v7.app.AlertDialog.Builder builder = new android.support.v7.app.AlertDialog.Builder(AlertDialogActivity.this); builder.setTitl...
Android修改AlertDialog宽和高以及设置AlertDialog的背景
liao5214的博客
04-12 2万+
不知道你们试过了吗，AlertDialog在我们给他设置我们自己的布局的时候他的宽度不论我们怎么设置他都是不变的，要想改变宽和高我们可以动态的去修改他的宽度好高度 直接上代码 // 1. 布局文件转换为View对象 LayoutInflater inflater = LayoutInflater.from(context); RelativeLayout layo
Android AlertDialog自定义布局
子孟的博客
11-03 2万+
由于开发中经常使用弹框，然而系统自带的弹框太局限，也不太美观，经常不能满足开发需求，所以就只能自定义布局。其实自定义布局很简单，没不要写出来，但是如果不写一遍的，后面遇到的话就感觉又会忘记，所以在次记一小笔，仅记一个最简单的例子，可以举一反三。 直接上代码public class MainActivity extends Activity implements OnClickListener {
Android常用UI之AlertDialog
Lorien Zhang的博客
04-05 4677
转载请注明出处：http://blog.csdn.net/h_zhang/article/details/51068024任何有关GUI编程都少不了对话框的使用，Android也是如此。本篇文章就对Android中AlertDialog的使用方法进行总结。那么什么时候需要使用AlertDialog呢？一般当你的APP询问用户是否做一个重要的决定的时候，或者从用户获取输入数据的时候可以使用AlertD
全网最全android开发笔记
最新发布
11-11
首先，它涵盖了Android开发的基础知识，包括Android平台的架构、应用组件、布局和控件等。其次，它介绍了Android应用开发中常用的技术和工具，如Android Studio、Gradle构建系统、布局编辑器、调试器等。此外，它还...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值