android - 如何使 UC 浏览器像底部栏中的设置弹出菜单？

Question

我正在尝试构建此 UI，因为浏览器屏幕长时间停留在一个部分并且无法在网络上找到任何相关主题。我想实现作为对话框弹出的 UC 浏览器设置/汉堡菜单。我如何开始这件事

images link contain-2 images

刚找到一个link与它有些松散的关系。我很困惑，请帮帮我。我确实实现了底部导航栏只是想让弹出 View /菜单出现

Answer 1

尝试使用 Dialog 来实现这种类型的布局:

尝试如下布局 xml:

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:background="@android:color/transparent"
    android:gravity="center"
    android:orientation="vertical"
    app:cardBackgroundColor="#fff"
    app:cardCornerRadius="10dp"
    android:layout_margin="10dp">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="30dp">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:padding="10dp">
            <LinearLayout
                android:layout_weight=".3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:orientation="vertical">
                <ImageView
                    android:layout_width="40dp"
                    android:layout_height="40dp"
                    android:src="@drawable/android_icon"/>
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Android1"/>
            </LinearLayout>
            <LinearLayout
                android:layout_weight=".4"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:orientation="vertical">
                <ImageView
                    android:layout_width="40dp"
                    android:layout_height="40dp"
                    android:src="@drawable/android_icon"/>
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Android1"/>
            </LinearLayout>
            <LinearLayout
                android:layout_weight=".3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:orientation="vertical">
                <ImageView
                    android:layout_width="40dp"
                    android:layout_height="40dp"
                    android:src="@drawable/android_icon"/>
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Android1"/>
            </LinearLayout>
        </LinearLayout>
    </LinearLayout>
</android.support.v7.widget.CardView>

Java

Activity 中的代码

 final Dialog dialog = new Dialog(MainActivity.this);
 dialog.setCancelable(true);
 dialog.requestWindowFeature(Window.FEATURE_NO_TITLE);
 dialog.getWindow().setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
 dialog.setContentView(R.layout.dialog);
 Window window = dialog.getWindow();
 WindowManager.LayoutParams wlp = window.getAttributes();
 wlp.gravity = Gravity.BOTTOM;
 window.setAttributes(wlp);
 window.setLayout(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT);
 dialog.show();

Kotlin

val dialog = Dialog(this@MainActivity)
        dialog.setCancelable(true)
        dialog.requestWindowFeature(Window.FEATURE_NO_TITLE)
        dialog.getWindow().setBackgroundDrawable(ColorDrawable(Color.TRANSPARENT))
        dialog.setContentView(R.layout.dialog)
        val window = dialog.getWindow()
        val card_layout:CardView=dialog.findViewById<CardView>(R.id.card_layout)
        var parameter:FrameLayout.LayoutParams = card_layout.getLayoutParams() as FrameLayout.LayoutParams
        parameter.setMargins(30,30,30,30) // left, top, right, bottom
        card_layout.setLayoutParams(parameter)
        val wlp = window.getAttributes()
        wlp.gravity = Gravity.BOTTOM
        window.setAttributes(wlp)
        window.setLayout(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT)
        dialog.show()

以上代码的输出:

我希望它对你有用。