2017-01-26 20 views
1

レイアウトを this (design preview in Android Studio)のようにしたい。ツールバーとフローティングアクションボタンが正しく表示されない

悲しいことに、アプリケーションをデバッグモードで実行すると、エミュレータ(just half of the toolbar is visible and the fab not at all)が表示されます。

layout.xmlファイルにapp:layout_scrollFlags="scroll|enterAlways"を適用しましたが、私のToolbarもトップに固定されています。

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" /> 

すべてのヘルプは理解されるであろう。

+0

'アンドロイドを削除するようにしてください:AppBarLayout' – Lamorak

+0

'からツールバーが完全に今 'fitsSystemWindows =「true」を示しているが、フローティング操作ボタンは、まだ事前のおかげが不足してい@Lamorak –

答えて

0

ツールバーのように見えるのは、他のすべてのビューの上にあるように設計されているようです。私は同じ問題があり、ちょうどスペースを作成するためにツールバーの下にビューを追加しました。これにより、ファブが見えるようになりました。以下のような

何か:

<view 
     android:layout_width="match_parent" 
     android:layout_height="20dp"/> 
関連する問題