我正在努力实现这样的目标:
我尝试使用卡片 View 并以此结束:
我遇到了一个问题,因为我希望“剩余水”进度条转到卡片的末尾(如图1所示),但它不会改变它的长度(而且我不希望硬编码那么长),有什么想法我能做什么吗?
(代码:
<androidx.cardview.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:card_view="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="5dp"
android:backgroundTint="@color/white"
android:orientation="horizontal"
card_view:cardCornerRadius="40dp"
card_view:cardElevation="5sp"
card_view:contentPadding="16dp">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="2"
android:background="@color/white"
android:gravity="center_vertical"
android:orientation="horizontal">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:gravity="center_vertical"
android:orientation="vertical">
<ImageView
android:id="@+id/imageView2"
android:layout_width="wrap_content"
android:layout_height="match_parent"
tools:srcCompat="@tools:sample/avatars" />
</LinearLayout>
<TableLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1">
<TableRow>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="3dp"
android:text="name:"
android:textSize="14dp"
android:textStyle="bold" />
<TextView
android:id="@+id/plc_ModelId"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="3dp"
android:textSize="14dp"
tools:text="12345678" />
</TableRow>
<TableRow>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="3dp"
android:text="water left:"
android:textSize="14dp"
android:textStyle="bold" />
<ProgressBar
android:id="@+id/progressBar2"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_margin="3dp" />
</TableRow>
<TableRow>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="3dp"
android:text="time left:"
android:textSize="14dp"
android:textStyle="bold" />
<TextView
android:id="@+id/plc_Version"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="3dp"
android:textSize="14sp"
tools:text="00h 20 m" />
</TableRow>
</TableLayout>
</LinearLayout>
</androidx.cardview.widget.CardView>
最佳答案
要实现全宽,请在 ProgressBar
中使用 android:layout_weight="1"
<TableRow>
<TextView
android:text="water left:"
../>
<ProgressBar
android:id="@+id/progressBar2"
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
/>
</TableRow>
还可以使用 Material 组件库提供的 LinearProgressIndicator
和 trackThickness
属性来实现不同的高度:
类似于:
<com.google.android.material.progressindicator.LinearProgressIndicator
android:id="@+id/progressBar2"
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
card_view:trackThickness="12dp"
card_view:trackColor="@color/white"
card_view:indicatorColor="@color/red600Light"
android:progress="75"
android:layout_margin="3dp"
/>
关于android - 进度条没有填满它应该填满的空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66908244/