堆棧內存溢出
  簡體   English   中英

Fab按鈕菜單顯示在GridView的后面

[英]Fab Button Menu is shown behind GridView

 原文  2016-05-04 21:33:31  0   1    android/ android-layout/ android-fragments/ floating-action-button

問題描述

使用Clans的Floating Action Button庫（ https://github.com/Clans/FloatingActionButton ），我試圖在單擊按鈕時實現帶有菜單的Floating Action Button。 我遇到的問題是，當我單擊按鈕時，菜單將顯示，但是按鈕隱藏在另一個視圖（在這種情況下為網格視圖）下。 我的布局如下所示： 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:fab="http://schemas.android.com/tools"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent">

<LinearLayout
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content">

    <ImageView
        android:id="@+id/prevMonth"
        android:src="@drawable/arrow_left"
        android:layout_marginLeft="15dp"
        android:layout_marginTop="15dp"
        android:layout_width="50dp"
        android:layout_height="35dp">
    </ImageView>
    <Button
        android:id="@+id/currentMonth"
        android:layout_weight="0.6"
        android:textColor="#000000"
        android:background="?android:attr/selectableItemBackground"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:layout_marginRight="25dp"
        android:layout_marginLeft="25dp"
        android:layout_width="wrap_content"
        android:layout_height="50dp">
    </Button>
    <ImageView
        android:id="@+id/nextMonth"
        android:src="@drawable/arrow_right"
        android:layout_marginRight="15dp"
        android:layout_marginTop="15dp"
        android:layout_width="50dp"
        android:layout_height="35dp">
    </ImageView>
</LinearLayout>

<GridView
    android:id="@+id/calendarheader"
    android:visibility="visible"
    android:numColumns="7"
    android:verticalSpacing="-5dp"
    android:horizontalSpacing="0dp"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content">
</GridView>

<GridView
    android:id="@+id/calendar"
    android:visibility="visible"
    android:numColumns="7"
    android:verticalSpacing="-5dp"
    android:horizontalSpacing="0dp"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content">
 </GridView>

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

<com.github.clans.fab.FloatingActionMenu
    android:id="@+id/fabMenu"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentRight="true"
    android:layout_marginRight="10dp"
    android:layout_marginBottom="10dp"
    android:layout_marginLeft="10dp"
    fab:menu_fab_size="normal"
    fab:menu_showShadow="true"
    fab:menu_shadowColor="#66000000"
    fab:menu_shadowRadius="4dp"
    fab:menu_shadowXOffset="1dp"
    fab:menu_shadowYOffset="3dp"
    fab:menu_colorNormal="#DA4336"
    fab:menu_colorPressed="#E75043"
    fab:menu_colorRipple="#99FFFFFF"
    fab:menu_animationDelayPerItem="50"
    fab:menu_icon="@drawable/fab_add"
    fab:menu_buttonSpacing="0dp"
    fab:menu_labels_margin="0dp"
    fab:menu_labels_showAnimation="@anim/fab_slide_in_from_right"
    fab:menu_labels_hideAnimation="@anim/fab_slide_out_to_right"
    fab:menu_labels_paddingTop="4dp"
    fab:menu_labels_paddingRight="8dp"
    fab:menu_labels_paddingBottom="4dp"
    fab:menu_labels_paddingLeft="8dp"
    fab:menu_labels_padding="8dp"
    fab:menu_labels_textColor="#FFFFFF"
    fab:menu_labels_textSize="14sp"
    fab:menu_labels_cornerRadius="3dp"
    fab:menu_labels_colorNormal="#333333"
    fab:menu_labels_colorPressed="#444444"
    fab:menu_labels_colorRipple="#66FFFFFF"
    fab:menu_labels_showShadow="true"
    fab:menu_labels_singleLine="false"
    fab:menu_labels_ellipsize="none"
    fab:menu_labels_maxLines="-1"
    fab:menu_labels_style="@style/YourCustomLabelsStyle"
    fab:menu_labels_position="left"
    fab:menu_openDirection="up"
    fab:menu_backgroundColor="@android:color/transparent"
    fab:menu_fab_label="your_label_here"
    fab:menu_fab_show_animation="@anim/my_show_animation"
    fab:menu_fab_hide_animation="@anim/my_hide_animation">

    <com.github.clans.fab.FloatingActionButton
        android:id="@+id/alarmForAllDates"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_mode_edit_white_24dp"
        app:fab_size="mini"
        app:fab_label="Erinnerungen komplett"/>

    <com.github.clans.fab.FloatingActionButton
        android:id="@+id/alarmForCurrentMonth"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_mode_edit_white_24dp"
        app:fab_size="mini"
        app:fab_label="Erinnerungen akt. Monat" />

    <com.github.clans.fab.FloatingActionButton
        android:id="@+id/deleteAllAlarms"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_do_not_disturb_on_white_24dp"
        app:fab_size="mini"
        app:fab_label="Erinnerungen löschen"/>

</com.github.clans.fab.FloatingActionMenu>

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/imageView"
        android:background="@drawable/gelb_ellipse"
        android:layout_alignTop="@+id/fabMenu"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/imageView2"
        android:background="@drawable/grau_ellipse"
        android:layout_below="@+id/imageView"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/imageView3"
        android:background="@drawable/gruen_ellipse"
        android:layout_below="@+id/imageView2"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceSmall"
        android:text="Gelber Sack u Biomüll"
        android:id="@+id/textView"
        android:layout_alignBottom="@+id/imageView"
        android:layout_toRightOf="@+id/imageView"
        android:layout_toEndOf="@+id/imageView"
        android:layout_marginBottom="15dp"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceSmall"
        android:text="Restmüll u Altpapier"
        android:id="@+id/textView3"
        android:layout_above="@+id/imageView3"
        android:layout_toRightOf="@+id/imageView2"
        android:layout_toEndOf="@+id/imageView2"
        android:layout_marginBottom="15dp"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceSmall"
        android:text="Aktueller Tag"
        android:id="@+id/textView2"
        android:layout_alignTop="@+id/imageView3"
        android:layout_toRightOf="@+id/imageView3"
        android:layout_toEndOf="@+id/imageView3"
        android:layout_marginTop="15dp"/>

</RelativeLayout>

</LinearLayout>

帶有id日歷的GridView始終位於列表中那些按鈕的上方。 有人對我如何解決問題有任何建議嗎？

提前非常感謝！

1 個解決方案

解決方案1
 1 已采納  2016-05-04 21:40:16

嘗試將第二個gridView和浮動按鈕包裹在這樣的框架布局中 

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    <GridView
        android:id="@+id/calendar"
        android:visibility="visible"
        android:numColumns="7"
        android:verticalSpacing="-5dp"
        android:horizontalSpacing="0dp"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content">
     </GridView>

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

    <com.github.clans.fab.FloatingActionMenu
        android:id="@+id/fabMenu"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_marginRight="10dp"
        android:layout_marginBottom="10dp"
        android:layout_marginLeft="10dp"
        fab:menu_fab_size="normal"
        fab:menu_showShadow="true"
        fab:menu_shadowColor="#66000000"
        fab:menu_shadowRadius="4dp"
        fab:menu_shadowXOffset="1dp"
        fab:menu_shadowYOffset="3dp"
        fab:menu_colorNormal="#DA4336"
        fab:menu_colorPressed="#E75043"
        fab:menu_colorRipple="#99FFFFFF"
        fab:menu_animationDelayPerItem="50"
        fab:menu_icon="@drawable/fab_add"
        fab:menu_buttonSpacing="0dp"
        fab:menu_labels_margin="0dp"
        fab:menu_labels_showAnimation="@anim/fab_slide_in_from_right"
        fab:menu_labels_hideAnimation="@anim/fab_slide_out_to_right"
        fab:menu_labels_paddingTop="4dp"
        fab:menu_labels_paddingRight="8dp"
        fab:menu_labels_paddingBottom="4dp"
        fab:menu_labels_paddingLeft="8dp"
        fab:menu_labels_padding="8dp"
        fab:menu_labels_textColor="#FFFFFF"
        fab:menu_labels_textSize="14sp"
        fab:menu_labels_cornerRadius="3dp"
        fab:menu_labels_colorNormal="#333333"
        fab:menu_labels_colorPressed="#444444"
        fab:menu_labels_colorRipple="#66FFFFFF"
        fab:menu_labels_showShadow="true"
        fab:menu_labels_singleLine="false"
        fab:menu_labels_ellipsize="none"
        fab:menu_labels_maxLines="-1"
        fab:menu_labels_style="@style/YourCustomLabelsStyle"
        fab:menu_labels_position="left"
        fab:menu_openDirection="up"
        fab:menu_backgroundColor="@android:color/transparent"
        fab:menu_fab_label="your_label_here"
        fab:menu_fab_show_animation="@anim/my_show_animation"
        fab:menu_fab_hide_animation="@anim/my_hide_animation">

        <com.github.clans.fab.FloatingActionButton
            android:id="@+id/alarmForAllDates"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_mode_edit_white_24dp"
            app:fab_size="mini"
            app:fab_label="Erinnerungen komplett"/>

        <com.github.clans.fab.FloatingActionButton
            android:id="@+id/alarmForCurrentMonth"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_mode_edit_white_24dp"
            app:fab_size="mini"
            app:fab_label="Erinnerungen akt. Monat" />

        <com.github.clans.fab.FloatingActionButton
            android:id="@+id/deleteAllAlarms"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_do_not_disturb_on_white_24dp"
            app:fab_size="mini"
            app:fab_label="Erinnerungen löschen"/>
    </FrameLayout>

暫無
暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 顯示SnackBar時，按鈕必須充當FAB FAB按鈕在android 4.0+中的admob廣告后面 菜單按鈕未顯示在操作欄中 Android 設計支持庫可擴展浮動操作按鈕 (FAB) 菜單 BottomSheet 可以顯示在另一個視圖（按鈕）后面嗎？ Snackbar 顯示在 Android kotlin 中的按鈕后面 Android中帶有過濾器菜單按鈕的GridView Gridview 按鈕適配器上下文菜單 無法以編程方式隱藏圓弧菜單中的 fab 按鈕。 試過 upload.hide(); 無法弄清楚如何隱藏 fab 按鈕 Android FAB轉菜單
相關標簽
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM