2016-09-03 51 views
1

Androidプログラミングの新機能&は現在苦労しています。アンドロイドスタジオのデフォルトの「ナビゲーション引き出しアクティビティ」を使用しています。その上に、https://github.com/roughike/BottomBarからBottom Barを追加しました。しかし、私のFABがボトムバーの後ろに隠れていると付け加えた後。ここでAndroidの浮動アクションボタンが下のナビゲーションバーの後ろに隠されています

はScrrenshotある -

enter image description here

私はそれがスタイルの問題のいくつかの種類を知っています。私はFABのbottomMarginを与えようとしました。しかし、それは機能していません。

app_bar_main.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.bhramaan.android.bhramaan.MainActivity"> 

    <android.support.design.widget.AppBarLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:theme="@style/BhramaanTheme.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/BhramaanTheme.PopupOverlay" /> 

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

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

    <android.support.design.widget.FloatingActionButton 
     android:id="@+id/fab" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="bottom|end" 
     android:layout_margin="@dimen/fab_margin" 
     android:src="@android:drawable/ic_dialog_email" /> 

    <com.roughike.bottombar.BottomBar 
     android:id="@+id/bottomBar" 
     android:layout_width="match_parent" 
     android:layout_gravity="bottom|end" 
     android:layout_height="60dp" 
     android:layout_alignParentBottom="true" 
     app:bb_behavior="shy" 
     android:background="@color/bottomBar" 
     app:bb_activeTabColor="@color/white" 
     app:bb_tabXmlResource="@xml/bottombar_tabs" /> 

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

これを解決するためにいくつかのガイダンスが必要 -

は、ここに私のコードです。

+0

この行をXmlのandroid.support.design.widget.FloatingActionButtonに追加してください。android:layout_above = "@ + id/bottomBar" – Nithinlal

+0

私の答えは、あなたが問題に直面した場合に私に知らせてください。 –

+0

@Nithinlal LOLZこれを 'Xml android:layout_above =" @ + id/bottomBar "のandroid.support.design.widget.FloatingActionButtonにこの行を追加して試してみましたが、上記のレイアウトで試してみてください。それはこのプロパティを持っているかどうかです!!!!!!!!! –

答えて

1

xmlを次のように変更してください。 Floating Action Buttonにいくつかのプロパティを追加してください。事前に

<android.support.design.widget.FloatingActionButton 
    android:id="@+id/fab" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentBottom="true" 
    android:layout_alignParentRight="true" 
    android:layout_gravity="bottom|end" 
    android:layout_marginBottom="70dp" 
    android:layout_marginLeft="10dp" 
    android:layout_marginRight="10dp" 
    android:layout_marginTop="10dp" 
    android:src="@android:drawable/ic_dialog_email" /> 
+2

下からマージンを設定するための静的な値が正しくない – Nithinlal

+0

@Nithinlal OPで必要なのは、この「margin_bottom」を使って 'Bottom Bar'の横に' FAB'を隠してもこれを隠さないでしょう。答えは質問に関連した意味を持ちます。これを投票する必要はありません。 'FAB'は常に右下に残るので、静的な値はここではマージンには関係ありません。 –

+1

ねえ、それは働いた。私はそれが '' 'android:layout_marginBottom =" 70dp "' ''を持っているという懸念を一つだけ持っています。ボトムバーからマージンを相対的に使用する場所では、何もできません。だから、ボトムバーが隠れてしまうと、FABは自動的に降ります。 – mi6crazyheart

0

私は、他のは、このソリューションは、私のニーズに合う知っています。私は派手なアニメーションは必要ありません(これは私のプロジェクト要件ではありません)。私がしたのは、メインのコンテンツ(FrameLayout)、FAB、BottomNavigationViewをRelativeLayout内にラップすることです。繰り返しますが、これはもっと良い方法でやり遂げることができると思いますので、私は提案をすることができます。

<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.support.design.widget.AppBarLayout 
     android:id="@+id/admin_appbar_layout" 
     android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" 
     android:layout_width="fill_parent" 
     android:layout_height="?attr/actionBarSize" 
     android:layout_alignParentTop="true" 
     tools:elevation="4dp"> 

     <!-- The toolbar --> 
     <android.support.v7.widget.Toolbar 
      android:id="@+id/admin_toolbar" 
      android:layout_width="match_parent" 
      android:layout_height="?attr/actionBarSize" 
      app:popupTheme="@style/customActionBar" 
      app:theme="@style/customActionBar" 
      android:background="?attr/colorPrimary" 
      android:minHeight="?attr/actionBarSize"> 

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:orientation="vertical" 
       android:gravity="center_horizontal"> 

       <TextView 
        android:id="@+id/tv_toolbar_title" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        style="@style/H2_bold" 
        android:text="@string/activity_admin_name"/> 

      </LinearLayout> 

      </android.support.v7.widget.Toolbar> 

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

    <RelativeLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_marginTop="?attr/actionBarSize"> 

     <FrameLayout 
      android:id="@+id/content_frame" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_above="@+id/bottom_navigation_bar"/> 

     <android.support.design.widget.FloatingActionButton 
      android:id="@+id/fab_add_new_item" 
      android:layout_height="wrap_content" 
      android:layout_width="wrap_content" 
      android:src="@drawable/ic_action_new" 
      android:layout_alignParentEnd="true" 
      android:layout_above="@+id/bottom_navigation_bar" 
      android:layout_margin="@dimen/fab_dimen" 
      tools:elevation="2dp"/> 

     <android.support.design.widget.BottomNavigationView 
      android:id="@+id/bottom_navigation_bar" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_alignParentBottom="true" 
      app:itemBackground="@color/black" 
      app:itemIconTint="@color/white" 
      app:itemTextColor="@color/white" 
      app:menu="@menu/admin_bottom_navigation_items" 
      tools:elevation="2dp"/> 

    </RelativeLayout> 

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

私は質問が古いように見えるかもしれませんが、これが他の人に役立つことを願っています。

関連する問題