【问题标题】:Floating action button and white background浮动操作按钮和白色背景
【发布时间】:2015-03-15 12:51:44
【问题描述】:

事实上,我正在寻找一种模仿 FAB 收件箱的方法。当用户按下红色按钮时,应该会出现一个 opac 视图和一个菜单。因为图片更有意义,看下图

我知道它存在这个很棒的库 (https://github.com/futuresimple/android-floating-action-button),并且有了这个库,我可以显示浮动操作菜单。但我的问题是显示白色背景(不透明)。我没有找到解决我问题的方法...

提前谢谢

【问题讨论】:

    标签: android floating-action-button


    【解决方案1】:

    FloatingActionMenu 放置在FrameLayout 内,该FrameLayout 将位于其他视图的顶部,并且将在宽度和高度上与父级匹配。使用相同的边距相应地从菜单右侧抬起和偏移。

    OnFloatingActionsMenuUpdateListener 设置为您的浮动操作菜单。现在切换/替换方法内部的框架布局背景颜色:

     @Override
     void onMenuExpanded(){
      mFrameLayoutWrapper.setBackgroundColor(mAlpaWhite);
      }
    
      @Override
      void onMenuCollapsed(){
        mFrameLayoutWrapper.setBackgroundColor(Color.TRANSPARENT);
      }
    

    【讨论】:

    • 我在 Fragment 中显示 FloatingActionMenu 并且使用上述解决方案不会覆盖操作栏。知道如何实现全屏覆盖吗?
    • @PawanKumar 您将在 Fragment 中遇到问题。覆盖视图将位于片段的后面或将位于所有内容的顶部。 FAB 也会被覆盖。在Activity中使用FAB会更好。
    【解决方案2】:

    我通过下面的方法达到了你刚才说的效果。我刚刚在浮动按钮后面和其他布局上方添加了一个视图,并保持视图可见性消失,直到菜单展开。然后我将视图可见性设置为可见。是的,我将视图的背景设置为您想要的任何不透明颜色。

    我的代码

    我的 XML 文件

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:fab="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    
    <TextView
        android:text="Other View here"
        android:textSize="50dp"
        android:layout_centerHorizontal="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    
    <View
        android:id="@+id/background_dimmer"
        android:visibility="gone"
        android:background="#55000000"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
    
    <com.getbase.floatingactionbutton.FloatingActionsMenu
        android:id="@+id/multiple_actions"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"
        fab:fab_addButtonColorNormal="@color/white"
        fab:fab_addButtonColorPressed="@color/white_pressed"
        fab:fab_addButtonPlusIconColor="@color/half_black"
        fab:fab_labelStyle="@style/menu_labels_style"
        android:layout_marginBottom="16dp"
        android:layout_marginRight="16dp"
        android:layout_marginEnd="16dp">
    
        <com.getbase.floatingactionbutton.FloatingActionButton
            android:id="@+id/action_a"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            fab:fab_colorNormal="@color/white"
            fab:fab_title="Action A"
            fab:fab_colorPressed="@color/white_pressed"/>
    
    </com.getbase.floatingactionbutton.FloatingActionsMenu>
    

    在处理 FloatingButtons 的 Activity 或 Fragment 处

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_map);
        setFloatingButtonControls();
    }
    
    private void setFloatingButtonControls(){
        this.bckgroundDimmer = findViewById(R.id.background_dimmer);
        this.floatingActionsMenu = (FloatingActionsMenu) findViewById(R.id.multiple_actions);
        this.floatingActionsMenu.setOnFloatingActionsMenuUpdateListener(new FloatingActionsMenu.OnFloatingActionsMenuUpdateListener() {
            @Override
            public void onMenuExpanded() {
                bckgroundDimmer.setVisibility(View.VISIBLE);
            }
    
            @Override
            public void onMenuCollapsed() {
                bckgroundDimmer.setVisibility(View.GONE);
            }
        });
    }
    

    这将产生您想要的效果。希望这可以帮助。它确实帮助了我。 :)

    【讨论】:

      【解决方案3】:

      使用工具栏、浮动菜单、您的内容和相关布局采用一种协调器布局。将相对布局的背景颜色设置为白色透明,并将其可见性设置为 Gone。设置“NoActionBar”主题并在活动中使用工具栏而不是操作栏。现在,每当您打开浮动菜单时,将相对布局的可见性设置为可见,关闭时设置回消失。

      【讨论】:

        【解决方案4】:

        当我向右添加浮动时,它确实使我的组件移动到我想要的位置,但也得到了一个不必要的白色背景,但我可以通过在父 div 中引入“溢出:隐藏”来解决它。这应该可以解决问题

        【讨论】:

        • 这个问题android平台和web完全不同。
        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2016-09-26
        • 2017-03-27
        • 1970-01-01
        • 2021-04-19
        • 1970-01-01
        • 1970-01-01
        • 2018-01-01
        相关资源
        最近更新 更多