`
xitongyunwei
  • 浏览: 916419 次
文章分类
社区版块
存档分类
最新评论

android ui定义自己的dialog(项目框架搭建时就写好,之后事半功倍)

 
阅读更多

自定义一个dialog:

之前有很多博客都有过这方面的介绍,可是个人觉得通常不是很全面,通用性不是很强,一般会定义一个自己的dialog类,然后去使用,难道每一个dialog都要定义一个class吗??

首先:dialog一般包含一个标题部分,内容部分,按钮部分,风格部分。progressdialog则多一个进度条

那么我们就不妨写一个dialog类,在构造方法中,我们把标题,内容,按钮信息都给他,然后可以show出来

然后,在构造方法中添加一个接口,接口中使用确定,取消等等的按钮的回调。


那么开始咯:

第一步定义一个自己的dialog类

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

import com.easipass.R;

public class CustormDialog extends Dialog implements DialogInterface {

    	private String title;
    	private String content;
    	private DialogCallBack callback;
    	private int index;
    	
    	/***
    	 * @param context
    	 * @param title 对话框标题
    	 * @param content 对话框内容
    	 * @param theme 对应的style 这里为R.style.CustomDialog_1 可自定义style
    	 * @param dialogcallback 确定取消按钮的回调 分别是 onCancle onOk
    	 * @param index 显示几个button 1 为只有一个确定键,其他为有确定取消两个按钮
    	 * 
    	 * 调用实例 
    	 * 	    dialog = new CustormDialog(SettingsActivity.this,"缓存清理",
    	 * 		"点击确定为您清理以下历史信息:\n系统通知,提箱小票,行业资讯,装箱单录入", R.style.CustomDialog_1,
	     *		new DialogCallBack(){
		 *			@Override
		 *			public void OkDown() {   
	     *           	dialog.dismiss();
	     *           //这里放 确定按钮响应
		 *			}
		 *			@Override
		 *			public void CancleDown() {
	     *           	dialog.dismiss();	
	     *            //这里放取消按钮响应				
		 *			} },2);
    	 */
        public CustormDialog(Context context,String title,String content,int theme,DialogCallBack dialogcallback,int index) {
            super(context, theme);
            this.title = title;
            this.content = content;
            this.callback = dialogcallback;
            this.index = index;
        }

		@Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.dg_custormdialog);
            TextView titl = (TextView) findViewById(R.id.title);
            TextView cont = (TextView) findViewById(R.id.tv_content);  
            
            titl.setText(title);
            cont.setText(content);
            
            Button cancel = (Button) findViewById(R.id.cancel);
            Button ok = (Button) findViewById(R.id.sure);
            if(index == 1){
            	cancel.setVisibility(View.GONE);
            }else{
	            cancel.setOnClickListener(new android.view.View.OnClickListener() {
	                public void onClick(View v) {               	
	                    CustormDialog.this.dismiss();
	                    callback.CancleDown();
	                }
	            });
            }
            ok.setOnClickListener(new android.view.View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    CustormDialog.this.dismiss();
                    callback.OkDown();
                }
            });
        }
            
    }

这个类中实现了接口 DialogCallBack

再定义下这个回调:

public interface DialogCallBack {
    abstract void OkDown();
    abstract void CancleDown(); 
}

初步的框架就有了

接下来我们把布局写一下(当然框架在那,布局完全自己发挥就好了)

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/mian_container"
        android:layout_width="300dp"
        android:layout_height="wrap_content"
        android:background="@color/easipass_dailog_bg_blue"
        android:orientation="vertical"
        android:padding="10dip" >

        <TextView
            android:id="@+id/title"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="@string/notification_version_name"
            android:textSize="18sp" />

        <View
            android:layout_width="fill_parent"
            android:layout_height="1dp"
            android:layout_marginTop="10dip"
            android:background="@drawable/cmb_list_separator_line" />

        <TextView
            android:id="@+id/tv_content"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dip"
            android:gravity="center_horizontal"
            android:text="@string/version_isup"
            android:textSize="18sp" />

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:gravity="center_horizontal"
            android:padding="10dip" >

            <Button
                android:id="@+id/sure"
                android:layout_width="120dp"
                android:layout_height="wrap_content"
                android:text="@string/ok"
                android:textSize="@dimen/main_content_text_size" />
            <Button
                android:id="@+id/cancel"
                android:layout_width="120dp"
                android:layout_height="wrap_content"
                android:text="@string/cancel"
                android:textSize="@dimen/main_content_text_size" />
        </LinearLayout>
</LinearLayout>

系统自带的style通常让我们受不鸟,它有一个白色边框,等等,那我们最好定义一个自己的style

<style name="CustomDialog_1" parent="@android:style/Theme.Dialog">
        <item name="android:windowFrame">@null</item>
        <item name="android:windowIsFloating">true</item>
        <item name="android:windowIsTranslucent">false</item>
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowBackground">@null</item>
        <item name="android:backgroundDimEnabled">false</item>
    </style>

一切顺利的话,我们尝试一下哦

	    dialog = new CustormDialog(SettingsActivity.this,"放标题","放内容", R.style.CustomDialog_1,
	    		new DialogCallBack(){
					@Override
					public void OkDown() {		                   
	                	dialog.dismiss();
						
					}
					@Override
					public void CancleDown() {
	                	dialog.dismiss();					
					}
	    	
	    },2);

这里的 2是显示 确定 取消 两个按钮,如果填写1,那就只有确定按钮

自己发挥咯


个人布局的比较丑啦,相信大家比俺文艺很多


有了这一个类,以后有确定取消按钮,以及只有确定按钮的对话框都搞定啦

ps,如果还要一次性搞定progressdialog,那就用一个帧布局,就好了,给构造添加一个参数,废话不多说了,相信大家也没有这么笨的,举一反三啦




分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics