自定义Dialog（笔记）

最近有一个需求

做一个类似于夸克浏览器的menu对话框

像这样的对话框肯定是自定义的。

查了一些资料：

android 8种对话框（Dialog）使用方法汇总

Android设置Dialog透明度、黑暗度方法

Android创建自定义dialog方法详解-样式去掉阴影效果

使用DialogFragment实现底部弹窗布局

Android 官方推荐 : DialogFragment 创建对话框

有了大概的思路：

1.继承DialogFragment，重写onCreateDialog（）

2.绘制圆角矩形作为背景

3.使用GridView制作九宫格效果

刚开始按照鸿洋推荐的方思路去做，发现对话框总是处于屏幕中央。

思路：继承DialogFragment，重写onCreateView（）

而我的需求则是对话框处于底部。

于是我根据SpikeKing的思路重写了onCreateDialog（）

用attributes对dialog进行设置

override fun onCreateDialog(savedInstanceState: Bundle?): Dialog {    // 使用不带Theme的构造器, 获得的dialog边框距离屏幕仍有几毫米的缝隙。    var dialog = Dialog(context1, R.style.BottomDialog)    dialog.requestWindowFeature(Window.FEATURE_NO_TITLE) // 设置Content前设定    dialog.setContentView(R.layout.dialog_menu)    dialog.setCanceledOnTouchOutside(true)// 外部点击    var gridView = dialog?.findViewById<GridView>(R.id.gvMenu)    gridView?.adapter = context1?.let { ItemAdapter(it) }    // 设置宽度为屏宽, 靠近屏幕底部。    var attr = dialog.window.attributes    attr.gravity = Gravity.BOTTOM    attr.width = WindowManager.LayoutParams.WRAP_CONTENT    dialog.window.attributes = attr    return dialog}

要注意style中的配置

例如没有没配置windowBackground就会出现尖角情况

下面的是style的代码

<style name="BottomDialog" parent="@style/AppTheme">    <item name="android:layout_width">match_parent</item>    <item name="android:layout_height">wrap_content</item>    <item name="android:windowFrame">@null</item> <!--Dialog的windowFrame框为无 -->    <item name="android:windowIsTranslucent">true</item><!-- 是否半透明 -->    <item name="android:windowNoTitle">true</item><!-- dim:模糊的 阴影效果 -->    <!-- 是否漂现在activity上-->    <item name="android:windowIsFloating">true</item>    <!-- dim:模糊的 阴影效果 -->    <item name="android:backgroundDimEnabled">true</item>    <!--设置背景透明，防止出现尖角-->    <!-- 背景图片的大小也影响窗口的大小 -->    <item name="android:windowBackground">@color/transparent</item></style>

<GridView    android:id="@+id/gvMenu"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:numColumns="3" />

numColumns设置列数（这里设置为3列）

下面的是GridView的适配器代码

class ItemAdapter : BaseAdapter {    val menuIcons = arrayOf(R.mipmap.menu_dark, R.mipmap.menu_dark, R.mipmap.menu_dark            , R.mipmap.menu_dark, R.mipmap.menu_dark, R.mipmap.menu_dark            , R.mipmap.menu_dark, R.mipmap.menu_dark, R.mipmap.menu_dark)    val menuNames = arrayOf(R.string.menu_bookmark, R.string.menu_bookmark, R.string.menu_bookmark,            R.string.menu_bookmark, R.string.menu_bookmark, R.string.menu_bookmark,            R.string.menu_bookmark, R.string.menu_bookmark, R.string.menu_bookmark)    var context: Context? = null    constructor(context: Context) : super() {        this.context = context    }    override fun getView(p0: Int, p1: View?, p2: ViewGroup?): View {        var convertView = LayoutInflater.from(context).inflate(R.layout.item_menu, null)        convertView.findViewById<ImageView>(R.id.ivItemMenu).setImageResource(menuIcons[p0])        convertView.findViewById<TextView>(R.id.tvItemMenu).setText(menuNames[p0])        return convertView    }    override fun getItem(p0: Int): Any {        TODO("not implemented") //To change body of created functions use File | Settings | File Templates.    }    override fun getItemId(p0: Int): Long {        TODO("not implemented") //To change body of created functions use File | Settings | File Templates.    }    override fun getCount(): Int {        return menuIcons.size    }}