如何将进度条放在cardview的顶部?

时间:2019-08-15 07:56:05

标签: android android-cardview android-progressbar mdc-components


我使用以下代码在顶部的cardView中放置progressBar:

2019.08.14D23:15:47.234026000   188484088   25

所以。我尝试过这样做。但是结果如下: Current Situation

我想这样将其放置在cardview的最上方。它属于google应用。 Google App Progress Bar 谁能帮我这个忙。我尝试了协调器布局,约束布局,相对布局等。我还尝试了更改progressBar的重力。没用请帮忙。

1 个答案:

答案 0 :(得分:2)

  • Activity.xml

    <LinearLayout>
    ...
    <androidx.cardview.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/cv_bg_input_text"
        android:layout_margin="10dp"
        app:cardCornerRadius="50dp"
        app:cardElevation="5dp">
    
        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">
    
            <EditText
                android:id="@+id/editText2"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="20dp"
                android:layout_marginBottom="20dp"
                android:layout_marginLeft="30dp"
                android:layout_marginRight="30dp"
                android:background="@null"
                android:inputType="textPersonName"
                android:text="Name" />
    
            <ProgressBar
                android:id="@+id/progressBar"
                style="@style/Widget.AppCompat.ProgressBar.Horizontal"
                android:layout_width="match_parent"
                android:layout_height="4dp"
                android:layout_gravity="bottom"
                android:layout_marginBottom="-2dp"
                android:indeterminate="true"
                android:scaleY="4" />
        </FrameLayout>
    
    </androidx.cardview.widget.CardView>
    ...
    </LinearLayout>
    
  • 在Drawable中创建 cv_bg_input_text.xml

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
        <stroke android:color="#10000000" android:width="1dp"/>
        <solid android:color="#fff"/>
    </shape>
    
  • 结果

Result

现在根据您的情况进行更改:

  • android:layout_gravity="bottom"android:layout_gravity="top"
  • android:layout_marginBottom="-2dp" android:layout_marginTop="-2dp"

<ProgressBar>中:

enter image description here