FloatingActionButton在pre-L设备上无法正常显示

时间:2017-01-26 17:51:41

标签: android floating-action-button

我已经实现了一个有封面图像的布局,下面的布局是ImageView和Textview。在这两个视图的中心,我有FloatingActionButton。看到那两个深绿色的图标,那些是我的FAB。是的,Kitkat设备上没有正确显示这两个图标。如何在pre-L设备上正确设置?

但是在棒棒糖设备及以上设备上,它对FAB的工作正常并且显示正确

layout.xml

 <?xml version="1.0" encoding="utf-8"?>
 <com.test.example.view.ObservableParallaxScrollView 
        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:id="@+id/layout1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:overScrollMode="never">

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

           <ImageView
                android:id="@+id/cover"
                android:layout_width="match_parent"
                android:layout_height="268dp"
                android:layout_marginTop="104.9dp"
                android:background="@drawable/image_cover"
                android:scaleType="centerCrop" />

           <android.support.design.widget.FloatingActionButton
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/icon1"
                android:layout_alignParentEnd="true"
                android:layout_below="@+id/cover"
                android:src="@drawable/ic_icon2"
                android:clickable="true"
                android:layout_marginRight="145dp"
                android:layout_marginTop="-28dp"
                android:adjustViewBounds="false"
                app:backgroundTint="@color/colorAccent"/>

            <android.support.design.widget.FloatingActionButton
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/icon2"
                android:layout_alignParentEnd="true"
                android:layout_below="@+id/cover"
                android:src="@drawable/ic_icon2"
                android:layout_marginRight="80dp"
                android:layout_marginTop="-28dp"
                android:clickable="true"
                android:adjustViewBounds="false"
                app:backgroundTint="@color/colorAccent"/>

        <LinearLayout
                android:id="@+id/layout2"
                android:layout_width="match_parent"
                android:layout_height="fill_parent"
                android:layout_alignParentEnd="false"
                android:layout_alignParentStart="false"
                android:layout_below="@+id/cover"
                android:background="@color/gray"
                android:orientation="horizontal"
                android:paddingBottom="20dp"
                android:paddingLeft="21dp"
                android:paddingRight="30dp">

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

                    <ImageView
                        android:id="@+id/image2"
                        android:layout_width="100dp"
                        android:layout_height="146dp"
                        android:layout_marginTop="25dp"
                        android:src="@drawable/placeholder" />
              </LinearLayout

              <LinearLayout
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="13dp"
                    android:layout_marginTop="18dp"
                    android:orientation="vertical">

                  <TextView
                        android:id="@+id/title"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:textColor="@color/gray"
                        android:textSize="20sp" />

              </LinearLayout

       </LinearLayout
    </RelativeLayout
    </com.test.example.view.ObservableParallaxScrollView>

这是我在棒棒糖前设备上获得的输出 (Kitkat Device,JB) Image output Result

这是Lollipop设备及以上的输出以及我之后的内容

Lollipop devices and above

    dependencies {
          compile 'com.android.support:design:25.1.0'
    }

0 个答案:

没有答案