Android 设计支持库 : FloatingActionButon (FAB) displaying correctly on earlier versions of android and incorrectly on Lollipop

Question

我添加了 Android 设计支持库。我正在使用两个模拟器测试应用程序，分别运行 Lollipop 和 Jellybean。 Jellybean 版本正确显示 FAB。在 Lollipop 版本上，FAB 没有高度或边距。关于解决此问题的任何建议？

下面我发布了布局、 Activity 和显示差异的两张图片。如果您需要更多代码，请告诉我，我会发布。

注意:我已经删除了大部分与问题无关的代码。

布局

<android.support.design.widget.CoordinatorLayout
    android:id="@+id/mainLayout"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

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

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="56dp"
            android:background="@color/primary"
            app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"/>

        <ImageView
            android:id="@+id/imShadow"
            android:layout_width="match_parent"
            android:layout_height="10dp"
            android:layout_below="@+id/toolbar"
            android:background="@drawable/toolbar_shadow"
            android:orientation="vertical"/>
    </RelativeLayout>

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="end|bottom"
        android:src="@mipmap/ic_search"/>

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

Activity

public class MainActivity extends AppCompatActivity {

    private Toolbar toolbarMain;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        iniToolbarMain();
        setSupportActionBar(toolbarMain);


        FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
        final CoordinatorLayout coordinatorLayout = (CoordinatorLayout) findViewById(R.id.mainLayout);

        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Snackbar.make(coordinatorLayout, "Hello World!", Snackbar.LENGTH_LONG).setAction("Action", new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {

                    }
                }).show();
            }
        });

    }

    private void iniToolbarMain() {
        toolbarMain = (Toolbar) findViewById(R.id.toolbar);
        toolbarMain.inflateMenu(R.menu.menu_main);
        toolbarMain.setTitle("Hello World");
        toolbarMain.setNavigationIcon(R.mipmap.ic_menu);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        int id = item.getItemId();
        if (id == R.id.action_search) {
            handleToolbar.handleToolBar(search, toolbarMain, MainActivity.this);
            etSearch.requestFocus();
            return true;
        }
        return super.onOptionsItemSelected(item);
    }
}

糖 bean

Lollipop

Answer 1

添加 boderWidth = "0dp"

       app:borderWidth="0dp"
       app:elevation="4dp"

       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_margin="8dp"/>