自定义对话框学习记录01

最新推荐文章于 2024-06-11 12:44:42 发布
xiayuexingkong
最新推荐文章于 2024-06-11 12:44:42 发布
阅读量267
点赞数
分类专栏： android手机文章标签：对话框
android手机专栏收录该内容
11 篇文章 0 订阅
订阅专栏
    有的时候安卓内置的对话框不能满足我们的需要，或许是功能不齐全亦或者不符合我们的界面设计要求，这个时候我们就需要弄一个我们自己设置的对话框了，下面我将为大家讲一种很简单的方法创建自己的对话框。
    首先创建一个style 即：<style name="你自己命名" parent="android:Theme.NoTitleBar.Fullscreen">.......</style>
    接着创建你自己的对话框布局：可自行设计。
    创建一个自己的Dialog类继承Dialog，即：
public SettingDialog extends Dialog {
      这个类里要包含这个构造方法
	public Mydialog(Context context, int theme) {
		super(context, theme);
		this.context = context;
      }
 //接着创建这个方法，其实跟Activity差不多的
        protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		this.setContentView(R.layout.你创建的dialog布局);
	}
}
上面要注意的是：如果你对话框有要处理的事件，比如退出对话框或者其他点击按钮的最好实现OnClickListener接口。
       接着就是在Activity中使用你自己的Dialog了
	Dialog dialog = new Mydialog(ApplicationCarActivity.this,
R.style.MyDialog);注意R.style.MyDialog这个就是开始你创建的那个style
下面我把我做的过程的代码放在下面：
<style name="CustomDialog" parent="android:Theme.NoTitleBar.Fullscreen">

        <!-- 背景颜色及透明程度 -->
        <item name="android:windowBackground">@color/grayBackgroud</item>
        <!-- 是否有标题 -->
        <item name="android:windowNoTitle">true</item>
        <!-- 是否浮现在activity之上 -->
        <item name="android:windowIsFloating">true</item>
        <!-- 是否模糊 -->
        <item name="android:backgroundDimEnabled">false</item>
        <item name="android:windowFrame">@null</item>
</style>

然后是对话框显示的ContentView对应的布局文件
<?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"
    android:background="@color/grayBackgroud">
    <RelativeLayout
        android:padding="5dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/themeColor"
        android:orientation="horizontal">
        <ImageView
            android:id="@+id/iv_dialog_mine_back"
            android:layout_centerVertical="true"
            android:padding="10dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/news_cate_arr_back"/>
        <TextView
            android:textColor="@color/whiteWords"
            android:layout_centerInParent="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="24sp"
            android:text="设置"/>
    </RelativeLayout>
    <LinearLayout
        android:layout_marginTop="10dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/whiteWords"
        android:paddingLeft="10dp"
        android:paddingRight="10dp"
        android:orientation="vertical">
        <RelativeLayout
            android:id="@+id/ll_dialog_mine_cache"
            android:paddingTop="15dp"
            android:paddingBottom="15dp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <TextView
                android:layout_centerVertical="true"
                android:textSize="18sp"
                style="@style/tab_content_title"
                android:text="清除缓存"/>
            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:orientation="horizontal">
                <TextView
                    android:textSize="18sp"
                    android:id="@+id/tv_dialog_mine_cache"
                    style="@style/tab_content_title"
                    android:text="11M" />
                <ImageView
                    android:layout_marginLeft="10dp"
                    android:layout_gravity="center_vertical"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="@drawable/news_cate_arr"/>
            </LinearLayout>

        </RelativeLayout>
        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="@color/dividerLineGrayColor" />
        <RelativeLayout
            android:id="@+id/rl_dialog_mine_us"
            android:paddingTop="15dp"
            android:paddingBottom="15dp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <TextView
                android:layout_centerVertical="true"
                android:textSize="18sp"
                style="@style/tab_content_title"
                android:text="关于我们"/>

                <ImageView
                    android:layout_alignParentRight="true"
                    android:layout_marginLeft="10dp"
                    android:layout_gravity="center_vertical"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="@drawable/news_cate_arr"/>
        </RelativeLayout>
        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="@color/dividerLineGrayColor" />
        <RelativeLayout
            android:id="@+id/rl_dialog_mine_service"
            android:paddingTop="15dp"
            android:paddingBottom="15dp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <TextView
                android:layout_centerVertical="true"
                android:textSize="18sp"
                style="@style/tab_content_title"
                android:text="官方服务号"/>

            <ImageView
                android:layout_alignParentRight="true"
                android:layout_marginLeft="10dp"
                android:layout_gravity="center_vertical"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/news_cate_arr"/>
        </RelativeLayout>
        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="@color/dividerLineGrayColor" />
        <RelativeLayout
            android:id="@+id/ll_dialog_mine_ideas"
            android:paddingTop="15dp"
            android:paddingBottom="15dp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <TextView
                android:layout_centerVertical="true"
                android:textSize="18sp"
                style="@style/tab_content_title"
                android:text="意见反馈"/>
            <ImageView
                android:layout_alignParentRight="true"
                android:layout_marginLeft="10dp"
                android:layout_gravity="center_vertical"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/news_cate_arr"/>
        </RelativeLayout>
        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="@color/dividerLineGrayColor" />
        <RelativeLayout
            android:id="@+id/ll_dialog_mine_comments"
            android:paddingTop="15dp"
            android:paddingBottom="15dp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <TextView
                android:layout_centerVertical="true"
                android:textSize="18sp"
                style="@style/tab_content_title"
                android:text="打分评价"/>
            <ImageView
                android:layout_alignParentRight="true"
                android:layout_marginLeft="10dp"
                android:layout_gravity="center_vertical"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/news_cate_arr"/>
        </RelativeLayout>
    </LinearLayout>
    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@color/dividerLineBlackColor" />
</LinearLayout>
然后是自定义的Dialog
public class SettingDialog extends Dialog implements View.OnClickListener {
    private Context mContext;
    private static int mTheme = R.style.CustomDialog;
    /**
     * 自定义Dialog
     *
     * @param context
     *            上下文
     *            Dialog所在的Activity，用于点击“确定”按钮后finish所在的Activity
     * @param theme
     *            样式
     */
    public SettingDialog(Context context, int theme) {
        super(context, theme);
        this.mContext = context;
    }

    public SettingDialog(Context context) {
        super(context, mTheme);
        this.mContext = context;
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.dialog_mine_setting);
        ImageView iv_back = (ImageView) findViewById(R.id.iv_dialog_mine_back);
        iv_back.setOnClickListener(this);

    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.iv_dialog_mine_back:
                dismiss();
                break;
        }
    }
}
然后在Activity或Fragement中声明SettingDialog的对象，设置它在屏幕中的位置和尺寸大小。
SettingDialog settingDialog = new SettingDialog(mActivity, R.style.CustomDialog);
                Window dialogWindow = settingDialog.getWindow();
                dialogWindow.setGravity(Gravity.LEFT | Gravity.TOP);
                WindowManager m = mActivity.getWindowManager();
                Display d = m.getDefaultDisplay(); // 获取屏幕宽、高用
                WindowManager.LayoutParams params = dialogWindow.getAttributes();
                params.width = d.getWidth();
                params.height = d.getHeight();
                dialogWindow.setAttributes(params);
<pre id="wmd-input" class="form-control font-rich has-selection" style="width:1106px; height:318px"><pre name="code" class="java">                settingDialog.show();