对话框之AlertDialog、DatePickerDialog(日期选择对话框)、TimePickerDialog(时间选择)、ProgressDialog(进度)、PopupWindow

AlertDialog及子类的继承关系:
这里写图片描述

AlertDialog:(对话框是基于Activity的)

1.概述:

1)对话框分为两种,一种是简单的对话框,一种悬浮窗。
4.0之后,确定按钮在右边,而在2.3之前,是在左边,要注意。
2)AlertDialog生成的对话框可分为4个区域:
图标区
标题区
内容区
按钮区

2.使用方法:

  • 步骤:
    1)建立builder,并set其图片、标题、内容、以及各种按钮
    (注:1>按钮的传入参数除了其名称,还有一个点击事件,而dialog中按钮的点击事件是利用new DialogInterface.OnClickListener()来完成的。2>由于对话框式基于activity的,所以传入的context应是当前界面.this)
    由于set方法后得到的仍是builder,所以可以连续set。
    2)builder的create()成为对话框。
    3)对话框dialog显示。
    builder的界面:
    这里写图片描述

  • 指定对话框内容的几种方法:
    setMessage(); //设置简单内容
    setItems(); //设置对话框内容为简单列表项。
    setSingleChoiceItems(); //设置内容为单选列表项
    setMultiChoiceItems(); //设置内容为多选列表项
    setAdapter(); //设置内容为自定义列表项
    setView(); //设置内容自定义View.

  • 对话框风格第窗口
    只要在AndroidManifest.xml中的activity中加上一句:
    android:theme=”@android:style/Theme.Dialog”
  • 对对话框进行属性的设置
    setCancelable():对话框可否取消,参数为true时:鼠标点击别处,对话框会自动消失;参数为false时:对话框不能消失 ,默认为true

范例1:点击出现简单对话框

AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);//1.创建builder
            builder.setIcon(R.drawable.liyifeng).setTitle("这是一个对话框").setMessage("这是其中的内容").setNegativeButton("取消", new DialogInterface.OnClickListener() {

                @Override
                public void onClick(DialogInterface arg0, int arg1) {
                    Toast.makeText(getApplicationContext(), "取消", Toast.LENGTH_LONG).show();

                }
            }).setNeutralButton("中性按钮", new DialogInterface.OnClickListener() {

                @Override
                public void onClick(DialogInterface arg0, int arg1) {
                    Toast.makeText(getApplicationContext(), "中性按钮", Toast.LENGTH_LONG).show();

                }
            }).setPositiveButton("确定", new DialogInterface.OnClickListener() {

                @Override
                public void onClick(DialogInterface arg0, int arg1) {
                    Toast.makeText(getApplicationContext(), "确定", Toast.LENGTH_SHORT).show();

                }
            });
            Dialog dialog = builder.create();
            dialog.show();

结果演示:
这里写图片描述
延伸:也可以在create()之后,由dialog来set,区别在于set按钮时,此方法是setButton1/2/3……
范例2:点击出现带列表的对话框
思路:builder中利用setItems(),其中第一个参数是传入的数据,第二个参数是添加的点击事件,监听第几个列表子项被点击。
注:setItems(),中的点击事件仍旧是用DialogInterface.OnClickListener()。

AlertDialog.Builder builderList = new AlertDialog.Builder(MainActivity.this);
            builderList.setTitle("请选择:");
            builderList.setItems(items, new DialogInterface.OnClickListener() {

                @Override
                public void onClick(DialogInterface arg0, int which) {
                    Toast.makeText(getApplicationContext(), "点击了第"+which+"个", Toast.LENGTH_SHORT).show();

                }
            });
            builderList.create().show();

结果演示:
这里写图片描述

范例3:带单选框的对话框
思路:1.builder中利用setSingleChoiceItems(数据,默认选中的项,点击事件仍用DialogInterface.OnClickListener());2.其中重写的onClick()方法中参数int型which是选中的位置。

AlertDialog.Builder builderRadio = new AlertDialog.Builder(MainActivity.this);
            builderRadio.setTitle("单选框");
            builderRadio.setSingleChoiceItems(itemsRadio, 0, new DialogInterface.OnClickListener() {

                @Override
                public void onClick(DialogInterface arg0, int which) { //选中单选框的子项时
                    str=itemsRadio[which];
                    Toast.makeText(getApplicationContext(), "选中了"+itemsRadio[which], Toast.LENGTH_SHORT).show();

                }
            });
            builderRadio.setPositiveButton("确定", new DialogInterface.OnClickListener() {

                @Override
                public void onClick(DialogInterface arg0, int arg1) {//确定时,将点击得到的字符重写到按钮处。
                    mButnDialogRadio.setText("你选中了"+str);

                }
            }).setNegativeButton("取消", new DialogInterface.OnClickListener() {

                @Override
                public void onClick(DialogInterface arg0, int arg1) {
                    // TODO Auto-generated method stub

                }
            });
            builderRadio.create().show();

结果演示:
这里写图片描述

范例4:带多选框的对话框
思路:利用setMultiChoiceItems()方法,参数1:数据;参数2:存放选中子项的true和false,参数3:点击事件仍为DialogInterface.OnMultiChoiceClickListener()
注:
1>需要一个数据来存放被选中的子项的true和false,来管理,可以确定那个被选中了

AlertDialog.Builder builderCheck = new AlertDialog.Builder(MainActivity.this);
            builderCheck.setMultiChoiceItems(items,mIsChecked, new DialogInterface.OnMultiChoiceClickListener() {

                @Override
                public void onClick(DialogInterface arg0, int which, boolean isChecked) {
                    mIsChecked[which]=isChecked;
                    Log.d("message", "第"+which+"个是"+isChecked);

                }
            });
            builderCheck.setPositiveButton("确定", new DialogInterface.OnClickListener() {

                @Override
                public void onClick(DialogInterface arg0, int arg1) {//确定时,将所有选中的选项添加到一个buffer中
                    mstringBuffer = new StringBuffer();//每点击时建立新对象
                    for(int i=0;i<mIsChecked.length;i++){//循环数据判断,当为true即选中时,将数据加到buffer中
                        if(mIsChecked[i]){
                            mstringBuffer.append(items[i]);
                        }

                    }
                    //将buffer中所有的数据显示到按钮上
                    mButtonDialogChecked.setText(mstringBuffer);

                }
            }).setNegativeButton("取消", new DialogInterface.OnClickListener() {

                @Override
                public void onClick(DialogInterface arg0, int arg1) {
                    // TODO Auto-generated method stub

                }
            });
            builderCheck.show();

结果演示:
这里写图片描述
范例5:自定义dialog
思路:
1)由于builder是已经是创好的view。区域已经规定好,这里不用builder来自定义。直接新建dialog
2)利用dialog的setContentView(view);利用flater
小知识:对话框消失:对象.dismiss();
xml:自定义的布局:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    <TextView 
        android:id="@+id/textView_titile"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        />
    <ImageView 
        android:id="@+id/imageview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/liminhao"/>
    <LinearLayout 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        >
        <Button 
            android:id="@+id/btn_cacel"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="取消"/>
        <Button 
            android:id="@+id/btn_ok"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="确定"/>
    </LinearLayout>


</LinearLayout>

java:

dialog_ziding = new Dialog(MainActivity.this);
            LayoutInflater inflater = getLayoutInflater();
            View view = inflater.inflate(R.layout.mydialog, null);
            TextView titile = (TextView) view.findViewById(R.id.textView_titile);
            Button cacel = (Button) view.findViewById(R.id.btn_cacel);
            Button ok = (Button) view.findViewById(R.id.btn_ok);
            titile.setText("这是一个自定义的对话框");
            cacel.setOnClickListener(new OnClickListener() {

                @Override
                public void onClick(View arg0) {
                    dialog_ziding.dismiss();

                }
            });
            ok.setOnClickListener(new OnClickListener() {

                @Override
                public void onClick(View arg0) {
                    Toast.makeText(getApplicationContext(), "已经确定", Toast.LENGTH_SHORT).show();
                    dialog_ziding.dismiss();

                }
            });
            dialog_ziding.setContentView(view);
            dialog_ziding.show();
            break;

结果演示:
这里写图片描述
注:标题栏还是利用dialog中的settile()。
范例5的延伸:1.)对按钮和对话框背景样式进行自定义
方法:在drawable中建立xml文件,利用shape更改其圆角、实体、边框属性:(注:大小的值可以都存放到resource中的dimens中,方便以后更改)
radius=”” //设置圆角大小
solid=“” //实体的设置,可以设置其颜色@coloar
stroke=“” //设置边框 ,可以设置其颜色和宽度

<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <corners android:radius="5dp"/>
    <solid android:color="@color/green"/>
    <stroke android:color="@color/white" android:width="3dp"/>

</shape>

2.)对话框自定义背景时,需要去掉原来默认的背景,方法:
1>在style中设置:这是设置的name=”NoDialogTitle”
2>在activity中新建对话框时,需要用另一个构造函数,传入R.style.名称。dialog_ziding = new Dialog(MainActivity.this,R.style.NoDialogTitle);

 <style parent="@android:Theme.Dialog" name="NoDialogTitle">

        <item name="android:windowFrame">@null</item>

        <item name="android:windowNoTitle">true</item>

        <item name="android:windowBackground">@android:color/transparent</item>

        <item name="android:windowIsFloating">true</item>

        <item name="android:windowContentOverlay">@null</item>

    </style>

经过一系列更改,结果演示:
这里写图片描述
附:style:
<1>概述:
style是专门用于给app,dialog,textview等写界面风格的,常加到xml设置的最后一行。
<2>style格式:

<style name="TextViewStyle">
          <item name="android:background">#00ff00</item>
          <item name="android:padding">5dp</item>
      </style>

用时:

style="@style/TextViewStyle"

DatePickerDialog(日期选择对话框)、TimePickerDialog(时间选择对话框)

1.概述:

DatePickerDialog显示年月日;TimePickerDialog显示分钟秒。

2用法:

步骤:
1)通过new关键字创建实例
2)为其绑定监听器
3)show()方法显示。

范例:

功能:点击按钮,弹出日历。选择时间,确定时出现提示时间。
思路:这里用Calendar来获取的时间,否则,在传入时月是从0开始的。且这里用到转型。

mCalendar = Calendar.getInstance();

            DatePickerDialog pickerDialog = new DatePickerDialog(MainActivity.this, new OnDateSetListener() {

                @Override
                public void onDateSet(DatePicker arg0, int year, int month, int day) {
                    mCalendar.set(year, month, day);//将点击获得的年月日获取到calendar中。
                    SimpleDateFormat format = new SimpleDateFormat("yyyy年MM月dd日");//转型
                    Toast.makeText(getApplicationContext(), format.format(mCalendar.getTime()), Toast.LENGTH_LONG).show();

                }
            }, mCalendar.get(Calendar.YEAR), mCalendar.get(Calendar.MONTH), mCalendar.get(Calendar.DAY_OF_MONTH));
            pickerDialog.show();

这里写图片描述

TimePickerDialog范例:和DatePickerDialog一样。

mCalendar = Calendar.getInstance();
TimePickerDialog pickerDialog = new TimePickerDialog pickerDialog = new TimePickerDialog(MainActivity.this, new OnTimeSetListener() {

                @Override
                public void onTimeSet(TimePicker arg0, int hour, int minite) {
                    mCalendar.set(Calendar.HOUR_OF_DAY, hour);//设置时间的另一种方式
                    mCalendar.set(Calendar.MINUTE, minite);
                    SimpleDateFormat format = new SimpleDateFormat("yyyy年MM月dd日HH:mm");//转型
                    Toast.makeText(getApplicationContext(), format.format(mCalendar.getTime()), Toast.LENGTH_LONG).show();

                }
            }, mCalendar.get(Calendar.HOUR_OF_DAY), mCalendar.get(Calendar.MINUTE), true);
            pickerDialog.show();

结果:
这里写图片描述
小结:这里用到了
calendar的创建方式:getInstance();
设置时间set(年,月,日)或者set(哪个量field,要变成的值value);
造型SimpleDateFormat。使用.format(时间).

ProgressDialog(进度对话框)

1.概述:

可以创建类似对话框风格的窗口。可以实现将创建的对话框窗口下拉显示,或者在指定位置显示,所以非常适合显示一些需要浮动的内容。
与Dialog的区别:
PopupWindow必须要有个View,用setContentView()来添加,而Dialog是有默认的界面的。

2.用法:

  • 步骤:
    1>调用PopupWindow构造器创建PopupWindow对象。
    2>必须有个布局文件,作为弹出窗口的布局
    3>必须设置popup窗口的宽度和高度:setWidth(ViewGroup.LayoutParams.MATCH_PARENT);
    4>利用setContentView()添加view
    5)调用showAsDropDown(View v)将窗口做诶v组件的下拉组件显示;
    或者调用showAtLocation()方法将窗口在指定位置显示。
  • 其他方法:
    setOutsideTouchable(true);//设置使点击外部可以消失

3.范例:

popup布局:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    <TextView 
        android:id="@+id/textView_pop1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="15dp"
        android:text="文本1"/>
     <TextView 
        android:id="@+id/textView_pop2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="15dp"
        android:text="文本2"/>
      <TextView 
        android:id="@+id/textView_pop3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="15dp"
        android:text="文本3"/>


</LinearLayout>

java:

popup = new PopupWindow(SecondActivity.this);
            View view = getLayoutInflater().inflate(R.layout.popup, null);
            popup.setWidth(ViewGroup.LayoutParams.MATCH_PARENT); //设置popup的宽度(必须设置)
            popup.setHeight(ViewGroup.LayoutParams.WRAP_CONTENT);
            popup.setContentView(view);
            popup.setOutsideTouchable(true);//设置使点击外部可以消失
            popup.showAsDropDown(v);

延伸:监听手机Back按键
//重写方法,当Back键按下时处理事件。

//重写方法,使点击Back键时能使pop消失。
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {//按键按下时运行此方法
        if(keyCode==KeyEvent.KEYCODE_BACK){//当返回键按下时
            if(popup!=null&&popup.isShowing()){//再判断popup窗口如果不为空,而且正在运行,那么关闭掉。注意一定用短路与&&,
                popup.dismiss();
                return true; //必须返回true,否则不响应。 
            }


        }
        return super.onKeyDown(keyCode, event);
    }

结果演示:
这里写图片描述

阅读更多

没有更多推荐了,返回首页