UI布局two---对话框

作者: CodeSaid | 来源:发表于2016-12-09 01:26 被阅读128次

ProgressBar

作用是在界面上显示一个进度条,表示我们的程序正在加载一些数据

栗子:
    <ProgressBar
    android:id ="@+id/bar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:visibility="invisible"/>

android:max:设置进度条的最大值
android:visibility:设置控件是否可见,可选值有三种

  • visible 表示控件可见,这个是默认值
  • invisible 表示控件不可见,但是它仍然占据着原来的位置和大小,可以理解成控件变透明了
  • gone 表示控件不可见,同时不占用屏幕的任何空间了
  • 其次,我们还可以通过setVisiibility()方法来设置控件的可见性,传入的值分别为View.VISIBLE View.GONE View.INVISIBLE三个

AlertDialog

作用:可以在当前窗口弹出一个对话框,并且这个对话框置顶于所有元素界面之上,他能够屏蔽掉其他控件的作用

应用场景:比如在删除数据之前,弹出一个确认对话框

栗子:
    public class MainActivity extends AppCompatActivity {
    private Button btn;

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

        btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //创建AlertDialog实例
                AlertDialog.Builder dialog = new AlertDialog.Builder(MainActivity.this);
                dialog.setTitle("Warning");  //设置标题
                dialog.setMessage("Are you sure delete it ?");  //设置提示内容
                dialog.setCancelable(false);    //设置可否取消
                //设置对话框确定按钮点击事件
                dialog.setPositiveButton("OK", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialogInterface, int i) {
                        //添加代码逻辑
                    }
                });

                //设置对话框取消按钮点击事件
                dialog.setNegativeButton("Cancel", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialogInterface, int i) {
                        //添加代码逻辑
                    }
                });
                //将按钮显示出来
                dialog.show();

            }
        });

    }
}

ProgressDialog

与AlertDialog类似,在界面上弹出一个进度条对话框

栗子:      
    public class MainActivity extends AppCompatActivity {
    private Button btn;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

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

        btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                final ProgressDialog progress = new ProgressDialog(MainActivity.this);
                progress.setTitle("Being loaded");
                progress.setMessage("Loading...");
                progress.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL); //设置进度条样式
                progress.setCancelable(true);   //设置可否取消,若为false,则不能通过back键取消
                progress.setMax(100);
                progress.show();

                new Thread() {
                    @Override
                    public void run() {
                        for (int i = 0; i <= 100; i++) {
                            try {
                                //设置线程睡眠时间
                                Thread.sleep(300);
                            } catch (InterruptedException e) {
                                e.printStackTrace();
                            }
                            //给进度条的位置赋值
                            progress.setProgress(i);
                        }
                        //关闭进度条
                        progress.dismiss();
                    }
                }.start();
            }
        });
    }
}

dismiss()方法:关闭进度条
setCancelable(true):设置back键是否可以关闭对话框

setProgressStyle()方法:可以设置进度条的样式

有两种值可选:

ProgressDialog.STYLE_HORIZONTAL:水平方向的进度条

ProgressDialog.STYLE_SPINNER:圆形的旋转样式,默认的值

相关文章

  • UI布局two---对话框

    ProgressBar 作用是在界面上显示一个进度条,表示我们的程序正在加载一些数据 android:max:设置...

  • 014_Android Dialog及自定义Dialog

    Dialog的继承关系 简单对话框 布局文件 Java代码 进度对话框 布局文件 Java代码 日期对话框 布局文...

  • Flutter 之 Dialog、Alert (七十二)

    对话框本质上也是UI布局,通常一个对话框会包含标题、内容,以及一些操作按钮,为此,Material库中提供了一些现...

  • Dialog

    Dialog的继承关系 简单对话框 布局文件 Java代码 进度对话框 布局文件 Java代码 效果图 日期对话框...

  • APP UI测试

    一、UI测试 1)测试用户界面(如菜单、对话框、窗口和其他控件)布局、风格是否满足要求、文字是否正确、页面是否美观...

  • App UI测试

    一、UI测试 1)测试用户界面(如菜单、对话框、窗口和其他控件)布局、风格是否满足要求、文字是否正确、页面是否美观...

  • 仿网易新闻首页UI布局

    title : 仿网易新闻首页UI布局category : UI 仿网易新闻首页UI布局 标签(空格分隔): UI...

  • 最好用的 iOS 快速布局UI库

    最好用的 iOS 快速布局UI库 最好用的 iOS 快速布局UI库

  • 练习3. 对话框控件

    对话框的UI组件 对话框的中心默认在屏幕正中,当对话框显示时,屏幕滚动时,对话框始终保持位置固定在屏幕正中,不随屏...

  • Android 选择本地图片或拍照上传头像功能的实现

    1、简单的实现 点击图片弹出对话框: 对话框代码: 对话框布局文件: 处理返回结果: 裁剪图片的方法: 将Bitm...

网友评论

    本文标题:UI布局two---对话框

    本文链接:https://www.haomeiwen.com/subject/rihemttx.html