如何将对话框定位到底部

Posted

技术标签:

【中文标题】如何将对话框定位到底部【英文标题】:How to position dialog to the bottom 【发布时间】:2018-05-15 05:10:20 【问题描述】:

我正在尝试将对话框设置到底部,但无法做到这一点。 它显示页面顶部。

XML:

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_
    android:layout_
    android:background="@android:color/transparent"
    xmlns:tools="http://schemas.android.com/tools"
    android:padding="8dp"
    android:orientation="vertical">

    <android.support.v7.widget.CardView
        android:id="@+id/cv1"
        android:layout_
        android:layout_
        app:cardCornerRadius="4dp"
        app:cardElevation="1dp"
        app:cardUseCompatPadding="true">

        <ScrollView
            android:layout_
            android:layout_
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent">


            <android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
                xmlns:app="http://schemas.android.com/apk/res-auto"
                xmlns:tools="http://schemas.android.com/tools"
                android:layout_
                android:layout_>


            <TextView
                android:id="@+id/textView14"
                android:layout_
                android:layout_
                android:background="@color/colorSecondaryBackground"
                android:fontFamily="@font/gotham_medium_regular"
                android:padding="8dp"
                android:text="Send Promotions"
                android:textColor="@color/colorSecondaryText"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent" />

                <android.support.constraint.ConstraintLayout
                    android:id="@+id/promotionDataLayout"
                    android:layout_
                    android:layout_
                    android:paddingBottom="@dimen/two_margin"
                    app:layout_constraintEnd_toEndOf="parent"
                    app:layout_constraintStart_toStartOf="parent"
                    app:layout_constraintTop_toBottomOf="@id/textView14">

                    <android.support.v7.widget.RecyclerView
                        android:id="@+id/promotionList"
                        android:layout_
                        android:layout_
                        app:layout_constraintEnd_toEndOf="@id/guidelineEnd"
                        app:layout_constraintStart_toStartOf="@id/guidelineStart"
                        app:layout_constraintTop_toTopOf="parent">

                    </android.support.v7.widget.RecyclerView>

                    <android.support.constraint.Guideline
                        android:id="@+id/guidelineStart"
                        android:layout_
                        android:layout_
                        android:orientation="vertical"
                        app:layout_constraintGuide_percent="0.08" />

                    <android.support.constraint.Guideline
                        android:id="@+id/guidelineEnd"
                        android:layout_
                        android:layout_
                        android:orientation="vertical"
                        app:layout_constraintGuide_percent="0.92" />


                </android.support.constraint.ConstraintLayout>          
                    </android.support.v7.widget.CardView>
                </android.support.constraint.ConstraintLayout
            </android.support.constraint.ConstraintLayout>
        </ScrollView>


    </android.support.v7.widget.CardView>

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fabDone"
        android:layout_
        android:layout_
        android:src="@drawable/red_plus"
        app:layout_anchor="@+id/cv1"
        app:elevation="1dp"
        app:backgroundTint="@android:color/white"
        app:layout_anchorGravity="center|bottom" />
</android.support.design.widget.CoordinatorLayout>

我正在创建这样的对话框类:

class PromotionDialog:Dialog

   var mContext:Context?=null
    constructor(context: Context) : super(context) 

    constructor(context: Context, themeResId: Int) : super(context, themeResId) 
        mContext=context
    

   override fun onCreate(savedInstanceState: Bundle?) 
        super.onCreate(savedInstanceState)

        setContentView(R.layout.promotion_layout)// use your layout in place of this.

        window.setBackgroundDrawable(ColorDrawable(Color.TRANSPARENT));

    

   

已尝试的解决方案:

    https://***.com/a/9467151/1640009 https://***.com/a/9467151/1640009

由于设计限制,我无法使用 bottomsheetdialog。

编辑: 我正在这样调用对话框

val promotionDialog= PromotionDialog(this@DashboardActivity, android.R.style.Theme_Material_Light_NoActionBar_Fullscreen)
    promotionDialog.show()

编辑 2:

正如@RAJA 建议的那样,这是因为全屏主题。

所以现在我将主题更改为:

 <style name="ThemeDialog" parent="@style/Theme.AppCompat.Light.Dialog">
        <item name="android:windowBackground">@null</item>
        <item name="android:background">@android:color/transparent</item>
        <item name="android:windowMinWidthMajor">100%</item>
        <item name="android:windowMinWidthMinor">100%</item>
        <item name="android:windowIsFloating">true</item>

    </style>

但底部仍然有一些边距

【问题讨论】:

我试过了,正在工作..查看我更新的帖子 您正在使用哪个主题的应用程序清单文件 Theme.AppCompat.Light.NoActionBar @Raja。它完成了。这是因为固定高度。谢谢 【参考方案1】:

你可以这样试试:

 override fun onCreate(savedInstanceState: Bundle?) 
        super.onCreate(savedInstanceState)

        setContentView(R.layout.promotion_layout)// use your layout in place of this.

        window.setBackgroundDrawable(ColorDrawable(Color.TRANSPARENT));
        val windowlp = window.attributes

        windowlp.gravity = Gravity.BOTTOM
        window.attributes = windowlp

    

在 Activity 中访问对话框视图

PromotionDialog(this).show();

【讨论】:

我已经更新了我如何调用对话框的问题。因为我需要让它全屏宽度,所以我使用全屏主题 哦,我认为由于全屏主题,它正在获取整页,而不是必需的部分。这就是为什么重力属性不起作用的原因。 是的,删除您的主题或提供任何其他主题 嘿,我已经删除了那个主题,但我仍然在底部有一些填充。请检查我编辑的问题

以上是关于如何将对话框定位到底部的主要内容,如果未能解决你的问题,请参考以下文章

如何将自定义对话框定位在特定坐标?

JS 判断页面中的iframe中显示的内容是不是被拉到底部

如何将 div 弹出对话框定位到浏览器屏幕的中心?

进入聊天屏幕时,如何在默认情况下在底部显示最近消息的位置显示对话?

材质对话框在打开时将主体滚动到顶部

JavaScript实现快速定位到底部和顶部