将视图置于“浮动操作”按钮上方

时间:2019-02-28 12:02:19

标签: android android-layout material-design

我无法在FloatingActionButton上方布置视图。它始终显示在按钮后面。如您在屏幕快照中所见,view具有背景色,并且位于FAB的后面。

enter image description here

还有我的布局文件

<?xml version="1.0" encoding="utf-8"?>
<androidx.cardview.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="370dp"
    android:layout_height="300dp"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_gravity="center"
    app:cardBackgroundColor="#DDE1E2"
    android:layout_margin="4dp">

    <RelativeLayout
        android:layout_width="match_parent"
        android:padding="20dp"
        android:layout_height="match_parent">

        <com.github.mikephil.charting.charts.PieChart
            android:id="@+id/chart1"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_centerVertical="true"
            android:backgroundTint="#DDE1E2"
            android:layout_centerHorizontal="true"
            >

        </com.github.mikephil.charting.charts.PieChart>

        <com.google.android.material.floatingactionbutton.FloatingActionButton
            android:id="@+id/fab"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            app:backgroundTint="@android:color/white"
            app:borderWidth="0dp"
            app:elevation="20dp"
            app:fabSize="mini" />

        <RelativeLayout
            android:id="@+id/total_layout"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <View
                android:id="@+id/view"
                android:layout_width="100dp"
                android:layout_height="5dp"
                android:layout_centerHorizontal="true"
                android:layout_centerVertical="true"
                android:background="#272727" />

        </RelativeLayout>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="INDIA"
            android:textStyle="bold"
            android:textSize="30sp"
            android:layout_below="@+id/fab"
            android:layout_marginTop="10dp"
            android:layout_centerHorizontal="true"
            />

    </RelativeLayout>


</androidx.cardview.widget.CardView>

3 个答案:

答案 0 :(得分:1)

var cursor = db.getCollection('X').find({},{}) while(cursor.hasNext()) { print(JSON.stringify(cursor.next())) } 作为材料设计的一部分,默认情况下占据了高程

因此,一种解决方法是为视图提供某种高度,该视图应显示在浮动操作按钮上方。

例如。您可以使用FloatingActionButton包装视图,并在xml中使用以下内容。 :-

CardView

或者您可以使用自定义视图,并给它一个圆形的背景(如浮动操作按钮),而无需任何高程,然后将视图放置在其上方。

在您的可绘制对象中:-

 app:cardElevation="xdp" // i.e, the view that floats above the FAB

&&在您的xml中:-

 <shape 
   xmlns:android="http://schemas.android.com/apk/res/android"
   android:shape="oval">> 
    <solid android:color="#FFFFFF" />
    <size android:height="25dp"
          android:width="25dp"/>
 </shape>

答案 1 :(得分:1)

尝试一下

import RPi.GPIO as GPIO

GPIO.setwarnings(False)
GPIO.setmode(GPIO.BOARD)
GPIO.setup(11, GPIO.OUT, initial=GPIO.LOW)
GPIO.setup(13, GPIO.OUT, initial=GPIO.LOW)

if object_detected_class==1:
    GPIO.output(11, GPIO.HIGH)

else: #other class
    GPIO.output(13, GPIO.HIGH)

输出 enter image description here

答案 2 :(得分:0)

尝试

    <?xml version="1.0" encoding="utf-8"?>
    <androidx.cardview.widget.CardView 
    xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="370dp"
android:layout_height="300dp"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_gravity="center"
app:cardBackgroundColor="#DDE1E2"
android:layout_margin="4dp">

<RelativeLayout
    android:layout_width="match_parent"
    android:padding="20dp"
    android:layout_height="match_parent">

    <com.github.mikephil.charting.charts.PieChart
        android:id="@+id/chart1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_centerVertical="true"
        android:backgroundTint="#DDE1E2"
        android:layout_centerHorizontal="true"
        >

    </com.github.mikephil.charting.charts.PieChart>



    <RelativeLayout
        android:id="@+id/total_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <View
            android:id="@+id/view"
            android:layout_width="100dp"
            android:layout_height="5dp"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:background="#272727" />

    </RelativeLayout>

    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        app:backgroundTint="@android:color/white"
        app:borderWidth="0dp"
        app:elevation="20dp"
        app:fabSize="mini" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="INDIA"
        android:textStyle="bold"
        android:textSize="30sp"
        android:layout_below="@+id/fab"
        android:layout_marginTop="10dp"
        android:layout_centerHorizontal="true"
        />

</RelativeLayout>