Question

我希望我的布局看起来像 this (design preview in Android Studio)

可悲的是，当我在调试模式下运行应用程序时，我的模拟器(just half of the toolbar is visible and the fab not at all)上显示以下内容。

虽然我在Toolbar文件中应用了app:layout_scrollFlags="scroll|enterAlways"，但我的layout.xml仍固定在顶部。

layout.xml

<android.support.design.widget.AppBarLayout
    android:id="@+id/appbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:fitsSystemWindows="true"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
        <android.support.v7.widget.Toolbar
            android:id="@+id/anim_toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:layout_scrollFlags="scroll|enterAlways">
        </android.support.v7.widget.Toolbar>
</android.support.design.widget.AppBarLayout>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    android:orientation="vertical">

    <ImageView
        android:layout_width="match_parent"
        android:id="@+id/imageview_main"
        android:scaleType="fitXY"
        android:src="@drawable/test"
        android:layout_height="match_parent"
        android:layout_weight="0.3"/>

    <android.support.v7.widget.RecyclerView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/recyclerview"
        android:layout_weight="0.7">
    </android.support.v7.widget.RecyclerView>
</LinearLayout>


<android.support.design.widget.FloatingActionButton
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@android:drawable/ic_menu_camera"
app:borderWidth="0dp"
android:layout_marginRight="15dp"
app:layout_anchor="@id/appbar"
app:layout_anchorGravity="bottom|right|end" />

任何帮助将不胜感激。

Answer 1

似乎工具栏被设计为在每个其他视图“上方”。我有同样的问题，只是在工具栏下面添加了一个视图来创建一些空间。这使得工厂变得可见。

类似的东西：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="fullscreen">
  <div class="fullscreen-bg one">
    One
  </div>
  <div class="fullscreen-bg two">
    Two
  </div>
  <div class="fullscreen-bg one">
    Three
  </div>
</div>

<ul class="numb">
 <li id="numb01" class="plSel">Numb 1</li>
 <li id="numb02">Numb 2</li>
 <li id="numb03">Numb 3</li>
</ul>

<button type="button" data-toggle="#numb01">Toggle One</button>
<button type="button" data-toggle="#numb02">Toggle Two</button>
<button type="button" data-toggle="#numb03">Toggle Three</button>

工具栏和浮动操作按钮无法正常显示

1 个答案: