包含在内容布局

时间:2016-04-07 20:38:45

标签: android android-layout

我有一个activity_pic.xml布局,其中包含content_pic.xml来定义我的应用的布局。 activity_pic.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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:context="com.example.olivia.myapplication.PicActivity">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/AppTheme.PopupOverlay" />

    </android.support.design.widget.AppBarLayout>

    <include layout="@layout/content_pic" />

</android.support.design.widget.CoordinatorLayout>

content_pic.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <Button
        android:id="@+id/pick_image_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/button_text"/>

    <ImageView
        android:id="@+id/image_view"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"/>

</LinearLayout>

当我在<include layout="@layout/content_pic" />中包含行AppBarLayout时(也就是说,我向上移动两行),按钮就会出现,按钮的所有功能都有效。然而,当我把它放在那之后,按钮没有出现,我只能看到布局的'App Bar'位。

好的,所以下图显示了我希望它的外观(以及设计视图如何显示content_pic.xml)

content_pic design view

这就是它实际上的样子

actual app

但是,当我将<include layout="@layout/content_pic" />放入AppBarLayout时,我可以看到按钮,如下图所示。

content in AppBarLayout

我已尝试将content_pic.xml的内容直接包含在内而不是使用include语句,但仍然没有出现。

我在这里已经没有想法 - 有人可以建议可能出现的问题吗?

1 个答案:

答案 0 :(得分:0)

如果您AppBarLayoutNestedScrollView

RecyclerView效果很好 所以我建议你将content_pic.xml更改为。

<android.support.v4.widget.NestedScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
      <LinearLayout 
            xmlns:tools="http://schemas.android.com/tools"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical">

       <Button
            android:id="@+id/pick_image_button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/button_text"/>

       <ImageView
            android:id="@+id/image_view"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"/>

     </LinearLayout>

我希望这会有所帮助。

修改

您只需将content_pic.xml更改为此

即可
<android.support.v4.widget.NestedScrollView xmlns:android="http://schemas.android.com/apk/res/android"

     <!-- Importent -->
     xmlns:app="http://schemas.android.com/apk/res-auto"
     app:layout_behavior="@string/appbar_scrolling_view_behavior"

     android:layout_width="fill_parent"
     android:layout_height="fill_parent" >

          <LinearLayout
               xmlns:tools="http://schemas.android.com/tools"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:orientation="vertical" >

          <Button
               android:id="@+id/pick_image_button"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:text="Hello" />

          <ImageView
               android:id="@+id/image_view"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content" />
     </LinearLayout>
 </android.support.v4.widget.NestedScrollView>