自定义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
    }

}