wrap_content 高度的 TextView 被下方的 ListView 遮挡

TextView with wrap_content height obscured by ListView below it

我没有看到我的 "Hello World" 文本视图。 我用元素填充的列表视图就是显示的全部内容。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    tools:context="lister.quantumproductions.com.lister.MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        android:layout_above="@+id/recipe_list_view"></TextView>

    <ListView
        android:id="@+id/recipe_list_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"></ListView>

</RelativeLayout>



public class MainActivity extends AppCompatActivity {
    private ListView mListView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        loadListView();
    }

    private void loadListView() {
        mListView = findViewById(R.id.recipe_list_view);
        final ArrayList<Recipe> recipes = Recipe.getRecipesFromFile("recipes.json", this);

        RecipeAdapter a = new RecipeAdapter(this, recipes);
        mListView.setAdapter(a);
    }
}

你的ListView占满了整个屏幕,然后你说TextView应该在ListView上面,这样就让它出现在屏幕外面,所以不可见。

您需要反转依赖关系。

因此,ListView 不应位于 ListView 上方,而应位于 TextView 下方。

RelativeLayout 如果它具有 match_parent 宽度和高度,则会导致最后一个项目覆盖前一个项目。更改顺序或使用 LinearLayout 代替。

试试这个

<TextView
    android:id="@+id/text_view"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Hello World!"></TextView>

<ListView
    android:layout_below="@id/text_view"
    android:id="@+id/recipe_list_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"></ListView>

您可以使用 LinearLayout 作为垂直方向的父级,它将完美地工作:-

我已经更正了你的 xml 代码,使用这个代码就可以了

<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="lister.quantumproductions.com.lister.MainActivity">

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Hello World!"
    android:layout_above="@+id/recipe_list_view"></TextView>

<ListView
    android:id="@+id/recipe_list_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"></ListView>
</LinearLayout>

它会起作用,textview 和 listview 都会显示。

incase 你只想使用相对布局只需使 listview 也 wrap_content

<RelativeLayout 
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent">
tools:context="lister.quantumproductions.com.lister.MainActivity">

<TextView
    android:id="@+id/recipe_text_view"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Hello World!"></TextView>

<ListView
    android:id="@+id/recipe_list_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@id/recipe_text_view"></ListView>

</RelativeLayout>