2016-04-20 17 views
6

Yeni Materyal Tasarım Alt Barları için bir kütüphane kullanıyorum ve çok garip bir sorun yaşıyorum. Bunu her zaman Koordinatör Düzenime koyduğumda, araç çubuğunun üstünde gösterilir. Bu neden oluyor ve bunu nasıl düzeltebilirim? Ayrıca, nasıl hareket edebilirim ki Yüzer Eylem Düğmesi bu çubukların üstünde ve üst üste gelmiyor mu?Android Alt Çubuklar Araç Çubuğu üst üste bindirme

<?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.marlonjones.kansei.MainActivity"> 
<android.support.design.widget.AppBarLayout 
    android:layout_height="wrap_content" 
    android:layout_width="match_parent" 
    app:elevation="0dp" 
    android:theme="@style/AppTheme.AppBarOverlay"> 
    <android.support.v7.widget.Toolbar 
     android:id="@+id/toolbar" 
     android:layout_width="match_parent" 
     android:layout_height="?attr/actionBarSize" 
     app:elevation="4dp" 
     android:background="?attr/colorPrimary"/> 
</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="@drawable/ic_write" /> 
<com.luseen.luseenbottomnavigation.BottomNavigation.BottomNavigationView 
    android:id="@+id/bottomNavigation" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_alignParentBottom="true" 
    app:bnv_colored_background="true" 
    app:bnv_with_text="false" 
    app:bnv_shadow="true" 
    app:bnv_tablet="false" 
    app:bnv_viewpager_slide="true" 
    app:bnv_active_color="@color/colorPrimary" 
    app:bnv_active_text_size="@dimen/bottom_navigation_text_size_active" 
     app:bnv_inactive_text_size="@dimen/bottom_navigation_text_size_inactive"/> 
</android.support.design.widget.CoordinatorLayout> 

enter image description here

+0

Herhangi bir referece'ye ihtiyaç duyduğum şey için ihtiyacım var gibi görünmesi gerekiyorsa, Material Design Spec'a bakın ve ayrıca Google+ uygulamasına bakın (çubuklar üzerinde FAB için) – MJonesDev

+0

ekran görüntüsünü paylaşabilirsiniz –

+0

Elbette, ver bana bir saniye. Sorunumun ekran görüntüsünü ve ihtiyacım olan şeyleri göndereceğim. – MJonesDev

cevap

0

bir çözüm onları çalışır eğer ben bilmiyorum, denemek için LinearLayout (veya farklı Layout Managers) CoordinatorLayout içindeki

<?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.marlonjones.kansei.MainActivity"> 

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

     <android.support.design.widget.AppBarLayout 
      android:layout_height="wrap_content" 
      android:layout_width="match_parent" 
      app:elevation="0dp" 
      android:theme="@style/AppTheme.AppBarOverlay"> 
      <android.support.v7.widget.Toolbar 
       android:id="@+id/toolbar" 
       android:layout_width="match_parent" 
       android:layout_height="?attr/actionBarSize" 
       app:elevation="4dp" 
       android:background="?attr/colorPrimary"/> 
     </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="@drawable/ic_write" /> 
     <com.luseen.luseenbottomnavigation.BottomNavigation.BottomNavigationView 
      android:id="@+id/bottomNavigation" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_alignParentBottom="true" 
      app:bnv_colored_background="true" 
      app:bnv_with_text="false" 
      app:bnv_shadow="true" 
      app:bnv_tablet="false" 
      app:bnv_viewpager_slide="true" 
      app:bnv_active_color="@color/colorPrimary" 
      app:bnv_active_text_size="@dimen/bottom_navigation_text_size_active" 
       app:bnv_inactive_text_size="@dimen/bottom_navigation_text_size_inactive"/> 
    </LinearLayout> 
</android.support.design.widget.CoordinatorLayout> 
3

Üç alternatif yollar eklemek gerekir ise:

1 - BottomNavigationView'u KoordinatorLayout'un dışına yerleştirin, tüm bunları bir Relati'ye yerleştirin veLayout ve CoordinatorLayout için marginBottom ayarı (o kütüphanenin örnek olarak:

android:layout_marginBottom="@dimen/bottom_navigation_height "

).

2 - (bir RelativeLayout en param olan

android:layout_alignParentBottom

arasında

android:layout_gravity

yerine CoordinatorLayout içinde BottomNavigationView ancak FrameLayout en param kullanılarak (CoordinatorLayout bir FrameLayout) koru). MarginBottom'u ana içeriğe de eklemelisiniz.

3 - Daha iyi işler ise: CoordinatorLayout iç BottomNavigationView, android:layout_alignParentBottom çıkarmadan ve Tasarım Kütüphanesi app:layout_behavior="android.support.design.widget.BottomSheetBehavior"

PeekHeight XX BottomNavigationView yükseklikte olmalıdır

app:behavior_peekHeight="XXdp" anlatır gibi o BottomSheetBehavior vermeye çalışıyor saklayın marginBottom'u ana içeriğe de eklemelisiniz.

+0

üstünde bu bölümüne yerleştirerek deneyin. Teşekkürler – Sanny

+0

İkinci üçüncü çözüm. Teşekkürler. – withoutname

İlgili konular