android自定义控件之Dialog详解

先上图：我自定义的效果，大家可以根据我的步骤定义出任何效果。



一、创建自定义dialog类，继承自Dialog。

package com.meijianfang.customView;

import android.app.Dialog;
import android.content.Context;
import android.os.Bundle;
import android.util.DisplayMetrics;
import android.view.LayoutInflater;
import android.view.View;
import android.view.Window;
import android.view.WindowManager;
import android.widget.LinearLayout;

import com.meijianfang.R;

/**
* 项目名称：MeiJianFang
* 类描述：
* 创建人：cdy
* 创建时间：2016/3/17
* 修改人：cdy
* 修改时间：13:04
* 修改备注：自定义的dialog展示筛选条件
*/
public class ScreenDialog extends Dialog implements View.OnClickListener{
private Context context;
//声明自定义的接口
private ClickListenerInterface clickListenerInterface;

//实现构造方法
public ScreenDialog(Context context){
super(context);
this.context = context;
}

public ScreenDialog(Context context, int themeResId) {
super(context, themeResId);
}

protected ScreenDialog(Context context, boolean cancelable, OnCancelListener cancelListener) {
super(context, cancelable, cancelListener);
}

//自定义接口
public interface ClickListenerInterface {
public void click(int id);
}
//接口的回调方法，以供实现接口调用
public void setOnCallbackLister(ClickListenerInterface clickListenerInterface){
this.clickListenerInterface = clickListenerInterface;
}
//重写onCreate方法，
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//去掉标题栏，注意此处的去掉标题栏，并不是去掉当前activity的标题栏，而是去掉自定义的dialog的标题
//如果不去掉现实的dialog会有一个空白的头部。由此可见我们的dialog和activity是如此的相像。
requestWindowFeature(Window.FEATURE_NO_TITLE);
init();
}

/**
* 初始化自定义的布局界面，使用inflater将自定义的布局压进我们的当前dialog窗体。
*/
public void init() {
LayoutInflater inflater = LayoutInflater.from(context);
//自定义布局转换成view
View view = inflater.inflate(R.layout.layout_screen_dialog, null);
//设置到当前的窗体
setContentView(view);
//拿到自定义布局的各个控件
LinearLayout history_screen_quanbu = (LinearLayout)view.findViewById(R.id.history_screen_quanbu);
LinearLayout history_screen_week = (LinearLayout)view.findViewById(R.id.history_screen_week);
LinearLayout history_screen_month = (LinearLayout)view.findViewById(R.id.history_screen_month);
LinearLayout history_screen_halfyear = (LinearLayout)view.findViewById(R.id.history_screen_halfyear);
LinearLayout history_screen_yeay = (LinearLayout)view.findViewById(R.id.history_screen_yeay);
//设置点击事件
history_screen_quanbu.setOnClickListener(this);
history_screen_week.setOnClickListener(this);
history_screen_month.setOnClickListener(this);
history_screen_halfyear.setOnClickListener(this);
history_screen_yeay.setOnClickListener(this);
Window dialogWindow = getWindow();
//设置圆角样式
dialogWindow.setBackgroundDrawableResource(R.drawable.dialog_style);
WindowManager.LayoutParams lp = dialogWindow.getAttributes();
DisplayMetrics d = context.getResources().getDisplayMetrics(); // 获取屏幕宽、高用
// 高度设置为屏幕的0.6
//lp.height =(int) (d.heightPixels * 0.6);
dialogWindow.setAttributes(lp);
}

@Override
public void onClick(View view) {
//控件点击事件使用我们的定义的接口中的方法，将点击的控件id传递进去。以待我们在activity中回调接口，取得点击的是哪一个控件。
//方便传值
clickListenerInterface.click(view.getId());
}

}

二、自定义的布局：layout_screen_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">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical">
<LinearLayout
android:id="@+id/history_screen_title"
android:layout_width="match_parent"
android:layout_height="@dimen/wode_item_height"
android:layout_marginTop="@dimen/line_height"
android:background="@color/text_white"
android:gravity="center"
android:orientation="horizontal">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="@dimen/text_size16"
android:text="@string/screen"/>
</LinearLayout>
<View
android:layout_width="match_parent"
android:layout_height="@dimen/view_height"
android:background="@color/view_color">

</View>
<LinearLayout
android:id="@+id/history_screen_quanbu"
android:layout_width="match_parent"
android:layout_height="@dimen/wode_item_height"
android:layout_marginTop="@dimen/line_height"
android:background="@color/text_white"
android:orientation="horizontal">
<LinearLayout
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:gravity="center_vertical">
<TextView
android:layout_marginLeft="@dimen/padding_20"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="@dimen/text_size16"
android:text="@string/screen_quanbu"/>
</LinearLayout>
<LinearLayout
android:layout_width="@dimen/dialog_width"
android:layout_height="match_parent"
android:gravity="center_vertical"
android:layout_marginRight="@dimen/padding_10"
android:orientation="vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@mipmap/case_more_black"
/>
</LinearLayout>
</LinearLayout>
<View
android:layout_width="match_parent"
android:layout_height="@dimen/view_height"
android:background="@color/view_color">

</View>
<LinearLayout
android:id="@+id/history_screen_week"
android:layout_width="match_parent"
android:layout_height="@dimen/wode_item_height"
android:layout_marginTop="@dimen/line_height"
android:background="@color/text_white"
android:orientation="horizontal">
<LinearLayout
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:gravity="center_vertical">
<TextView
android:layout_marginLeft="@dimen/padding_20"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="@dimen/text_size16"
android:text="@string/screen_week"/>
</LinearLayout>
<LinearLayout
android:layout_width="@dimen/dialog_width"
android:layout_height="match_parent"
android:gravity="center_vertical"
android:layout_marginRight="@dimen/padding_10"
android:orientation="vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@mipmap/case_more_black"
/>
</LinearLayout>
</LinearLayout>
<View
android:layout_width="match_parent"
android:layout_height="@dimen/view_height"
android:background="@color/view_color">

</View>
<LinearLayout
android:id="@+id/history_screen_month"
android:layout_width="match_parent"
android:layout_height="@dimen/wode_item_height"
android:layout_marginTop="@dimen/line_height"
android:background="@color/text_white"
android:orientation="horizontal">
<LinearLayout
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:gravity="center_vertical">
<TextView
android:layout_marginLeft="@dimen/padding_20"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="@dimen/text_size16"
android:text="@string/screen_month"/>
</LinearLayout>
<LinearLayout
android:layout_width="@dimen/dialog_width"
android:layout_height="match_parent"
android:gravity="center_vertical"
android:layout_marginRight="@dimen/padding_10"
android:orientation="vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@mipmap/case_more_black"
/>
</LinearLayout>
</LinearLayout>
<View
android:layout_width="match_parent"
android:layout_height="@dimen/view_height"
android:background="@color/view_color">

</View>
<LinearLayout
android:id="@+id/history_screen_halfyear"
android:layout_width="match_parent"
android:layout_height="@dimen/wode_item_height"
android:layout_marginTop="@dimen/line_height"
android:background="@color/text_white"
android:orientation="horizontal">
<LinearLayout
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:gravity="center_vertical">
<TextView
android:layout_marginLeft="@dimen/padding_20"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="@dimen/text_size16"
android:text="@string/screen_half_year"/>
</LinearLayout>
<LinearLayout
android:layout_width="@dimen/dialog_width"
android:layout_height="match_parent"
android:gravity="center_vertical"
android:layout_marginRight="@dimen/padding_10"
android:orientation="vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@mipmap/case_more_black"
/>
</LinearLayout>
</LinearLayout>
<View
android:layout_width="match_parent"
android:layout_height="@dimen/view_height"
android:background="@color/view_color">

</View>
<LinearLayout
android:id="@+id/history_screen_yeay"
android:layout_width="match_parent"
android:layout_height="@dimen/wode_item_height"
android:layout_marginTop="@dimen/line_height"
android:background="@color/text_white"
android:orientation="horizontal">
<LinearLayout
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:gravity="center_vertical">
<TextView
android:layout_marginLeft="@dimen/padding_20"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="@dimen/text_size16"
android:text="@string/screen_year"/>
</LinearLayout>
<LinearLayout
android:layout_width="@dimen/dialog_width"
android:layout_height="match_parent"
android:gravity="center_vertical"
android:layout_marginRight="@dimen/padding_10"
android:orientation="vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@mipmap/case_more_black"
/>
</LinearLayout>
</LinearLayout>
</LinearLayout>
</LinearLayout>

三、在drable文件夹下设置的圆角样式：dialog_style.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:radius="15dp" />

<solid android:color="@color/text_white" />
</shape>

四、在activity中调用我们自定义的dialog。

//弹出删选条件界面
final ScreenDialog dialog = new ScreenDialog(HomeActivity.this);
dialog.show();
//回调方法，实现我们在ScreenSialog类自定义的接口。接受传过来的点击id
dialog.setOnCallbackLister(new ScreenDialog.ClickListenerInterface() {
@Override
public void click(int id) {
switch (id){
case R.id.history_screen_quanbu:
dialog.dismiss();
ToastUtil.show(HomeActivity.this,"全部");
break;
case R.id.history_screen_week:
dialog.dismiss();
ToastUtil.show(HomeActivity.this,"一周");
break;
case R.id.history_screen_month:
dialog.dismiss();
ToastUtil.show(HomeActivity.this,"一月");
break;
case R.id.history_screen_halfyear:
dialog.dismiss();
ToastUtil.show(HomeActivity.this,"半年");
break;
case R.id.history_screen_yeay:
dialog.dismiss();
ToastUtil.show(HomeActivity.this,"一年");
break;
default:
break;
}
}
});

大家多多支持哦。