• Android UI系列--对话框(一)(AlertDialog,TimePickerDialog,DatePickerDialog,ProgressDialog)


    一.Dialog介绍

    dialog就是一个在屏幕上弹出一个可以让用户做出一个选择,或者输入额外的信息的对话框,一个对话框并不会沾满我们整个的屏幕,并且通常用于模型事件当中需要用户做出一个决定后才会继续执行。

    Dialog类是dialog对话框的基类,但是我们应该避免直接使用这个类来实例化一个dialog对话框,我们应当使用其子类来得到一个对话框.

    Dialog有很多的子类实现,所以我们要定义一个对话框,使用其子类来实例化一个即可,而不要直接使用Dialog这个父类来构造

    java.lang.Object
       ↳     android.app.Dialog
    
    Known Direct Subclasses(直接子类)
    AlertDialog, CharacterPickerDialog, MediaRouteChooserDialog, MediaRouteControllerDialog, Presentation
    
    Known Indirect Subclasses(间接子类)
    DatePickerDialog, ProgressDialog, TimePickerDialog

    二.AlertDialog

    AlertDialog是Dialog的一个直接子类, 我们通常用 AlertDialog.Builder 直接实例化一个对话框对象。

    AlertDialog主要包括警告框,单选框,多选框,下拉列表弹出框,自定义弹出框(自己创建一个弹出界面)

    界面设计xml文件(main_activity.xml)如下:

    <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:paddingBottom="@dimen/activity_vertical_margin"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin"
        tools:context=".MainActivity" 
        android:orientation="vertical">
    
        <Button
            
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="创建对话框"
            android:onClick="click1" />
         <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="创建单选框"
            android:onClick="click2" />
          <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="创建多选框"
            android:onClick="click3"
            />
          <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="创建下拉框/和message不同"
            android:onClick="click4"
            />
          
             <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="获取用户名和密码"
            android:onClick="click5"
            />
    
    </LinearLayout>

    自定义xml界面(dialog.xml)文件代码如下:

    <?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" >
        
        <EditText 
         android:id="@+id/username"  
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:hint="请输入用户名"
            />   
          <EditText 
         android:id="@+id/password"  
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:hint="请输入密码"
            />
        
    
    </LinearLayout>
    

     Java文件代码如下:

    package com.wyy.dialog;
    
    import android.os.Bundle;
    import android.app.Activity;
    import android.app.AlertDialog;
    import android.app.AlertDialog.Builder;
    import android.app.Dialog;
    import android.content.DialogInterface;
    import android.content.DialogInterface.OnClickListener;
    import android.content.DialogInterface.OnMultiChoiceClickListener;
    import android.text.style.BulletSpan;
    import android.view.LayoutInflater;
    import android.view.Menu;
    import android.view.View;
    import android.widget.EditText;
    import android.widget.Toast;
    
    public class MainActivity extends Activity {
    
    	@Override
    	protected void onCreate(Bundle savedInstanceState) {
    		super.onCreate(savedInstanceState);
    		setContentView(R.layout.activity_main);
    	}
    
    	public void click1(View v){
    		
    		AlertDialog.Builder builder=new Builder(this);
    		builder.setIcon(TRIM_MEMORY_BACKGROUND);
    		builder.setTitle("请选择:");
    		builder.setMessage("工作 重要还是生活重要?");
    		
    		builder.setPositiveButton("工作", new OnClickListener() {
    			
    			@Override
    			public void onClick(DialogInterface dialog, int which) {
    				// TODO Auto-generated method stub
    				
    				Toast.makeText(MainActivity.this, "工作不是为了更好的生活吗?", 0).show();
    				
    				
    			}
    		} );
    		
    		
    	builder.setNegativeButton("生活", new OnClickListener() {
    			
    			@Override
    			public void onClick(DialogInterface dialog, int which) {
    				// TODO Auto-generated method stub
    				Toast.makeText(MainActivity.this, "工作可能让你更有存在感", 0).show();
    				
    		
    			}
    		} );
    	
    	builder.setNeutralButton("忽略", new  OnClickListener() {
    		
    		@Override
    		public void onClick(DialogInterface dialog, int which) {
    			// TODO Auto-generated method stub
    			
    			Toast.makeText(MainActivity.this, "neutral"+which, 0).show();
    			
    		}
    	});
    	
              AlertDialog ad=builder.create();
               ad.show();
    
    	}

    public void click2(View v){ AlertDialog.Builder builder=new Builder(this); builder.setTitle("请选择您的性别"); final String[] items=new String[]{"男","女","其他"}; builder.setSingleChoiceItems(items, -1,new OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { // TODO Auto-generated method stub Toast.makeText(MainActivity.this,"您选择了"+items[which], 0).show(); dialog.dismiss(); } } ); builder.show(); } public void click3(View v){ AlertDialog.Builder builder=new Builder(this); builder.setTitle("谁是最帅的明星");
     /**
                     * 第一个参数指定我们要显示的一组下拉多选框的数据集合
                     * 第二个参数代表哪几个选项被选择,如果是null,则表示一个都不选择,如果希望指定哪一个多选选项框被选择,
                     * 需要传递一个boolean[]数组进去,其长度要和第一个参数的长度相同,例如 {true, false, false, true};
                     * 第三个参数给每一个多选项绑定一个监听器
                     */
                    final String[] items=new String[]{"胡歌","霍建华","李易峰","杨洋"}; 
    final boolean[] checkedItems=new boolean[]{true,false,true,false};
    builder.setMultiChoiceItems(items, checkedItems, new OnMultiChoiceClickListener() { @Override public void onClick(DialogInterface dialog, int which, boolean isChecked) { // TODO Auto-generated method stub checkedItems[which]=isChecked; } }); builder.setPositiveButton("确定", new OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { // TODO Auto-generated method stub String text=""; for(int i=0;i<4;i++){ text+=checkedItems[i]?items[i]+",":""; } Toast.makeText(MainActivity.this, text, 0).show(); dialog.dismiss(); } }); builder.setNegativeButton("取消", new OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { // TODO Auto-generated method stub } }); builder.show(); } public void click4(View v){ AlertDialog.Builder builder=new Builder(this); builder.setIcon(R.drawable.ic_launcher); builder.setTitle("请选择你喜欢的城市"); final String[] items=new String[]{"北京","上海","南京","深圳","南阳"}; builder.setSingleChoiceItems(items, -1, new OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { // TODO Auto-generated method stub Toast.makeText(MainActivity.this, "您选择的城市是:"+items[which], 0).show(); } }); builder.show(); } public void click5(View v){ AlertDialog.Builder builder=new Builder(this); builder.setIcon(R.drawable.ic_launcher); builder.setTitle("请输入用户名和密码");
    View view=LayoutInflater.from(MainActivity.this).inflate(R.layout.dialog, null); builder.setView(view); final EditText username=(EditText) findViewById(R.id.username); final EditText password=(EditText) findViewById(R.id.password); builder.setPositiveButton("确定", new OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { // TODO Auto-generated method stub String a=username.getText().toString().trim(); String b=password.getText().toString().trim(); Toast.makeText(MainActivity.this, "用户名:"+a+",密码:"+b, 0).show(); } }); builder.setNegativeButton("取消", new OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { // TODO Auto-generated method stub } }); builder.show(); } }

    1.对话框1

    我们设置了3个action buttons,每一个button都为其绑定了一个 DialogInterface.OnClickListener() 的监听事件,然后在里面通过Toast吐司对话框来弹出一下我们的一些信息,which方法表示的是action button所代表的int值,which=-1就表示点击的是确定按钮,-2表示点击的是取消按钮,-3表示点击的是忽略按钮

    2.下拉框

     我们设置setItems(CharSequence[] items, DialogInterface.OnClickListener listener) 方法来设置我们的一个下拉列表框。注意:因为下拉列表框或者是下拉多选框这些都是显示在Content中的,所以message和下拉列表框这些是不能够同时存在的

    我们也可以给其绑定一个DialogInterface.OnClickListener监听器,当选中一个选项时,对话框就会消失掉。这里的which代表的是下拉列表的每个选项的索引,通过这个我们可以轻松得到用户选中的是哪一个选项。

    3.下拉单选框

    在弹出下拉单选框时,当我们选中一个选项,对话框是不会消失的,我们需要点击action button才能让对话框消失

    4.下拉多选框

    设置下拉多选框时使用的是setMultiChoiceItems方法

    5.自定义弹出对话框

    对于自定义弹出对话框,我们就需要自己指定一个自定义的布局文件。

    首先需要写一个xml的布局文件,然后在里面定义我们的布局,我们不需要在布局文件里定义Button按钮,可以通过 AlertDialog.Builder 来设置 action buttons。

    通过 View view = LayoutInflater.from(MainActivity.this).inflate(R.layout.dialog, null); 我们可以将我们的布局文件加载进来,得到一个View对象,然后通过 AlertDialog.Builder 的setView方法来设置我们的自定义弹出框。

     

  • 相关阅读:
    关于管理的经典故事(员工激励)
    通过SQL语句获取MSSQL数据库的数据字典
    AMF(java)学习笔记(一)
    ActionScript 3.0著名开源库 大集合
    Flash全屏功能详解
    NIO网络编程框架MINA2.0学习笔记(一)
    一份相当巨大的AS类库
    java NIO非阻塞式IO网络编程学习笔记(一)
    数据传输序列化与反序列化协议大全
    RED5学习笔记(一):RED5简介
  • 原文地址:https://www.cnblogs.com/alwayswyy/p/4800492.html
Copyright © 2020-2023  润新知