Android如何在Dialog中适合listview

Posted

技术标签:

【中文标题】Android如何在Dialog中适合listview【英文标题】：Android how to fit listview in Dialog 【发布时间】：2019-10-31 14:21:33 【问题描述】：

当 ListView 包含超过 12 个 ListItem 时，我无法将 ListView 放入弹出对话框。我在这里缺少任何属性还是我必须在后面的代码中自己计算最大尺寸？

当一切都完美契合时，我的布局看起来像这样：

当我有太多项目时，您可以看到列表视图下方的我的 LinearLayout 和 Button 消失。

这是我的 Layout.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_ android:layout_ android:background="@drawable/backgroundgradient" android:orientation="vertical">
    <LinearLayout android:layout_ android:layout_ android:orientation="vertical">
        <LinearLayout android:layout_ android:layout_ android:layout_margin="3dp" android:background="@drawable/border" android:orientation="vertical">
            <RelativeLayout android:layout_ android:layout_ android:layout_marginBottom="10dp" android:orientation="horizontal">
                <TextView style="@style/dialog_text" android:layout_ android:layout_ android:layout_marginTop="10dp" android:text="Caption" android:textAppearance="?android:attr/textAppearanceMedium" />
            </RelativeLayout>
            <LinearLayout android:layout_ android:layout_>
                <TextView style="@style/dialog_label" android:text="test" />
                <TextView style="@style/dialog_text" android:layout_ android:layout_ android:text="" />
            </LinearLayout>
            <LinearLayout android:layout_ android:layout_>
                <TextView style="@style/dialog_label" android:text="test" />
                <TextView style="@style/dialog_text" android:layout_ android:layout_ android:text="" />
            </LinearLayout>
            <LinearLayout android:layout_ android:layout_>
                <TextView style="@style/dialog_label" android:text="test" />
                <TextView style="@style/dialog_text" android:layout_ android:layout_ android:text="" />
            </LinearLayout>
            <LinearLayout android:layout_ android:layout_>
                <TextView style="@style/dialog_label" android:text="test" />
                <TextView style="@style/dialog_text" android:layout_ android:layout_ android:text="" />
            </LinearLayout>
        </LinearLayout>
        <LinearLayout android:layout_ android:layout_ android:layout_margin="3dp" android:background="@drawable/border" android:orientation="vertical">
            <RelativeLayout android:layout_ android:layout_ android:layout_marginBottom="10dp">
                <TextView style="@style/dialog_text" android:layout_ android:layout_ android:layout_marginTop="10dp" android:text="Caption" android:textAppearance="?android:attr/textAppearanceMedium" />
            </RelativeLayout>
            <ListView android:layout_ android:layout_ android:divider="@android:color/transparent" android:dividerHeight="3dp" android:paddingTop="3dp" android:paddingStart="3dp" android:paddingEnd="1dp" android:choiceMode="singleChoice" android:listSelector="@drawable/selector_list_item"></ListView>
        </LinearLayout>
        <LinearLayout android:layout_ android:layout_ android:layout_alignParentBottom="true" android:orientation="vertical">
            <LinearLayout android:layout_ android:layout_ android:layout_margin="3dp" android:background="@drawable/border" android:orientation="vertical">
                <LinearLayout android:layout_ android:layout_ android:orientation="vertical">
                    <RelativeLayout android:layout_ android:layout_ android:layout_marginBottom="10dp">
                        <TextView style="@style/dialog_text" android:layout_ android:layout_ android:text="Caption" android:textAppearance="?android:attr/textAppearanceMedium" />
                    </RelativeLayout>
                    <LinearLayout android:layout_ android:layout_ android:layout_marginTop="10dp">
                        <TextView style="@style/dialog_label" android:text="test" />
                        <TextView style="@style/dialog_text" android:layout_ android:layout_ android:text="" />
                    </LinearLayout>
                    <LinearLayout android:layout_ android:layout_>
                        <TextView style="@style/dialog_label" android:text="test" />
                        <TextView style="@style/dialog_text" android:layout_ android:layout_ android:text="" />
                    </LinearLayout>
                    <LinearLayout android:layout_ android:layout_>
                        <TextView style="@style/dialog_label" android:text="test" />
                        <TextView style="@style/dialog_text" android:layout_ android:layout_ android:text="" />
                    </LinearLayout>
                    <LinearLayout android:layout_ android:layout_>
                        <TextView style="@style/dialog_label" android:text="test" />
                        <TextView style="@style/dialog_text" android:layout_ android:layout_ android:text="" />
                    </LinearLayout>
                    <LinearLayout android:layout_ android:layout_>
                        <TextView style="@style/dialog_label" android:text="test" />
                        <TextView style="@style/dialog_text" android:layout_ android:layout_ android:text="" />
                    </LinearLayout>
                    <LinearLayout android:layout_ android:layout_>
                        <TextView style="@style/dialog_label" android:text="test" />
                        <TextView style="@style/dialog_text" android:layout_ android:layout_ android:text="" />
                    </LinearLayout>
                    <LinearLayout android:layout_ android:layout_>
                        <TextView style="@style/dialog_label" android:text="test" />
                        <TextView style="@style/dialog_text" android:layout_ android:layout_ android:text="" />
                    </LinearLayout>
                    <LinearLayout android:layout_ android:layout_>
                        <TextView style="@style/dialog_label" android:text="test" />
                        <TextView style="@style/dialog_text" android:layout_ android:layout_ android:text="" />
                    </LinearLayout>
                    <LinearLayout android:layout_ android:layout_>
                        <TextView style="@style/dialog_label" android:text="test" />
                        <TextView style="@style/dialog_text" android:layout_ android:layout_ android:text="" />
                    </LinearLayout>
                </LinearLayout>
            </LinearLayout>
        </LinearLayout>
        <LinearLayout android:layout_ android:layout_ android:layout_alignParentBottom="true" android:orientation="vertical">
            <Button android:layout_ android:layout_ android:layout_marginTop="5dp" android:layout_weight="1" android:paddingLeft="2dp" android:paddingRight="2dp" android:text="OK" android:textAppearance="?android:attr/textAppearanceMedium" />
        </LinearLayout>
    </LinearLayout>
</RelativeLayout>

【问题讨论】：

无法保证所有内容都能完美适配所有屏幕尺寸，因此您可以将 alignParentBottom="true" 添加到包含按钮的 linearLayout 中。但是，这是一个非常糟糕的设计，我建议您使用带有 RecyclerView 的 ConstraintLayout，这样您的布局文件中的代码将减少大约 75% 查看link 没有属性“alignParentBottom”。我会试试 ContraintLayout 谢谢。 嘿，使用约束布局怎么样？你可以使用约束布局吗？ 我试试看 【参考方案1】：

您可以通过两种方式做到这一点：

第一：

将所有内容或您想要的内容放入“ScrollView”中，无论您放置多少项目，您的项目都会滚动。

例如：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_
    android:layout_
    android:orientation="vertical">

    <ScrollView
        android:layout_
        android:layout_>

       <!-- PUT EVERYTHING YOU WANT HERE -->

    </ScrollView>
</RelativeLayout>

第二：

使用适配器和列表项将所有项目放入 ListView：

item_list.xml（在 res > layout > New > XML > Layout XML File）：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_
    android:layout_>

    <TextView
        android:layout_margin="20dp"
        android:id="@+id/item_text"
        android:text="Test"
        android:layout_
        android:layout_/>

</LinearLayout>

您的列表适配器（在 java > yourPackageName > new > Kotlin 文件/类）：

import android.content.Context
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.BaseAdapter
import android.widget.TextView

class ListAdapter (private val context: Context, private val listItems: ArrayList<String>) : BaseAdapter() 

    override fun getView(position: Int, convertView: View?, parent: ViewGroup?): View 
        val view = LayoutInflater.from(context).inflate(R.layout.item_list, null)

        val text = view.findViewById<TextView>(R.id.item_text)
        text.text = listItems[position]

        return view
    

    //It doesn't matter right now
    override fun getItem(position: Int): Any 
        return ""
    

    //It doesn't matter right now
    override fun getItemId(position: Int): Long 
        return 0
    

    override fun getCount(): Int 
        return listItems.size

您的 activity_main.xml（ListView 所在的位置：）

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_
    android:layout_
    android:orientation="vertical">

    <LinearLayout
        android:layout_
        android:layout_
        android:orientation="vertical">

        <LinearLayout
            android:layout_
            android:layout_
            android:layout_margin="3dp"
            android:orientation="vertical">

            <RelativeLayout
                android:layout_
                android:layout_
                android:layout_marginBottom="10dp"
                android:orientation="horizontal">

                <TextView
                    android:layout_
                    android:layout_
                    android:layout_marginTop="10dp"
                    android:text="Caption"
                    android:textAppearance="?android:attr/textAppearanceMedium" />
            </RelativeLayout>

            <LinearLayout
                android:layout_
                android:layout_>

                <TextView
                    android:layout_
                    android:layout_
                    android:text="test" />

                <TextView
                    android:layout_
                    android:layout_
                    android:text="" />
            </LinearLayout>

            <LinearLayout
                android:layout_
                android:layout_>

                <TextView
                    android:layout_
                    android:layout_
                    android:text="test" />

                <TextView
                    android:layout_
                    android:layout_
                    android:text="" />
            </LinearLayout>

            <LinearLayout
                android:layout_
                android:layout_>

                <TextView
                    android:layout_
                    android:layout_
                    android:text="test" />

                <TextView
                    android:layout_
                    android:layout_
                    android:text="" />
            </LinearLayout>

            <LinearLayout
                android:layout_
                android:layout_>

                <TextView
                    android:layout_
                    android:layout_
                    android:text="test" />

                <TextView
                    android:layout_
                    android:layout_
                    android:text="" />
            </LinearLayout>
        </LinearLayout>

        <RelativeLayout
            android:layout_
            android:layout_
            android:layout_margin="3dp">

            <RelativeLayout
                android:id="@+id/relative"
                android:layout_
                android:layout_
                android:layout_marginBottom="10dp">

                <TextView
                    android:layout_
                    android:layout_
                    android:layout_marginTop="10dp"
                    android:text="Caption"
                    android:textAppearance="?android:attr/textAppearanceMedium" />
            </RelativeLayout>

            <ListView
                android:id="@+id/myListView"
                android:layout_below="@id/relative"
                android:layout_above="@id/button"
                android:layout_
                android:layout_
                android:choiceMode="singleChoice"
                android:divider="@android:color/transparent"
                android:dividerHeight="3dp"
                android:paddingStart="3dp"
                android:paddingLeft="3dp"
                android:paddingTop="3dp"
                android:paddingBottom="3dp"
                android:paddingEnd="1dp"
                android:paddingRight="1dp"></ListView>

            <Button
                android:id="@+id/button"
                android:layout_alignParentBottom="true"
                android:layout_
                android:layout_
                android:layout_marginTop="5dp"
                android:layout_weight="1"
                android:paddingLeft="2dp"
                android:paddingRight="2dp"
                android:text="OK"
                android:textAppearance="?android:attr/textAppearanceMedium" />
        </RelativeLayout>

    </LinearLayout>
</RelativeLayout>

MainActivity（您在其中调用 ListView 的适配器）：


import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import kotlinx.android.synthetic.main.activity_main.*

class MainActivity : AppCompatActivity() 

    override fun onCreate(savedInstanceState: Bundle?) 
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val itemsList = ArrayList(
            arrayListOf(
                "test", "test", "test", "test", "test", "test", "test", "test", "test", "test",
                "test", "test", "test", "test", "test", "test", "test", "test", "test", "test",
                "test", "test", "test", "test", "test", "test", "test", "test", "test", "test"
            )
        )

        myListView.adapter = ListAdapter(this, itemsList)

【讨论】：

以上是关于Android如何在Dialog中适合listview的主要内容，如果未能解决你的问题，请参考以下文章

Android Dialog如何显示在空间的下面

如何在 Android 中使用接口作为监听器和 Dialog？

android 一个Dialog中多页面切换，如何实现？

如何自定义Android Dialog的样式?

android Dialog如何实现点击某一处，Dialog就显示地那个地方？

android怎样自定义dialog