FloatingActionButton无法正常工作

时间:2017-01-10 04:15:54

标签: android android-4.4-kitkat floating-action-button android-5.1.1-lollipop

我在使用FloatingActionButton时遇到了一些问题,它可以在模拟器上运行,但是当我安装到我的手机(Galaxy s4,Android V4.4.4)时,它无法正常工作我附加了一些图片来说明这个bug。有人能告诉我我能做些什么吗?

我将视图放在片段中

片段类

public class MiniGameMenuFragment extends Fragment implements View.OnClickListener {
    protected FloatingActionButton more_menu_btn, card_view_mode_btn, expand_view_btn;

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.mini_menu_fragment, container, false);
        this.more_menu_btn = (FloatingActionButton) view.findViewById(R.id.more_c_btn);
        this.card_view_mode_btn = (FloatingActionButton) view.findViewById(R.id.card_view_mode_c_btn);
        this.expand_view_btn = (FloatingActionButton) view.findViewById(R.id.expand_view_c_btn);

        this.more_menu_btn.setOnClickListener(this);
        this.card_view_mode_btn.setOnClickListener(this);
        this.expand_view_btn.setOnClickListener(this);

        return view;
    }


    @Override
    public void onClick(View v) {

    }

}

mini_menu_fragment.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@color/red">

        <android.support.design.widget.FloatingActionButton
            android:id="@+id/more_c_btn"
            android:layout_width="38dp"
            android:layout_height="38dp"
            android:clickable="true"
            android:scaleType="center"
            android:src="@mipmap/ic_more_vert_white_24dp"
            app:backgroundTint="#ff9800"
            app:borderWidth="0dp"
            app:elevation="8dp"
            app:fabSize="normal"
            app:pressedTranslationZ="12dp"
            app:rippleColor="#ff5722" />
    </LinearLayout>

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/card_view_mode_c_btn"
        android:layout_width="38dp"
        android:layout_height="38dp"
        android:clickable="true"
        android:src="@mipmap/card_expanded_view_mode"
        app:backgroundTint="#ff9800"
        app:borderWidth="0dp"
        app:elevation="8dp"
        app:pressedTranslationZ="12dp"
        app:rippleColor="#ff5722" />

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/expand_view_c_btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="24dp"
        android:clickable="true"
        android:src="@mipmap/zoom_out_white"
        app:backgroundTint="#ff9800"
        app:borderWidth="0dp"
        app:elevation="8dp"
        app:fabSize="normal"
        app:pressedTranslationZ="12dp"
        app:rippleColor="#ff5722" />
</LinearLayout>

主要活动xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/gameBackground"
    android:orientation="vertical"
    tools:context="com.example.MainActivity">


    <RelativeLayout
        android:id="@+id/floating_menu_container_layout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true">

    </RelativeLayout>

</RelativeLayout>

MainActivity Class

public class MainActivity extends AppCompatActivity {
    FragmentManager fragmentManager;
    FragmentTransaction transaction;

    MiniGameMenuFragment miniGameMenu;

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


        this.miniGameMenu = new MiniGameMenuFragment();

        this.fragmentManager = getFragmentManager();
        this.transaction = fragmentManager.beginTransaction();

        this.transaction.add(R.id.floating_menu_container_layout, miniGameMenu, "miniGameMenuFragment");
        this.transaction.commit();
    }

    @Override
    protected void onResumeFragments() {
        super.onResumeFragments();
    }
}

在模拟器上

enter image description here

On Phone Galaxy 4s

enter image description here

解决:

问题是提升,因为@SadiqMdAsif说8dp对于我的星系s4分辨率来说太多了,这就是为什么它创造了额外的余量以便我减少到2dp

2 个答案:

答案 0 :(得分:1)

在设计器页面中使用此选项创建变体

enter image description here

答案 1 :(得分:0)

尝试使用相对布局或框架布局而不是线性布局。