如何在ChipGroup中对齐芯片？
如何在ChipGroup中对齐芯片？
提问于 2021-09-12 16:19:08
我有三个芯片，我想要实现的是，第一个芯片在开始，第二个在中间和第三个在屏幕结束水平。
我还想问如何在芯片组中添加新的代码行，比如在第一行中添加3个芯片，然后在第2行中添加TextView，在第3行添加另外3个芯片。
编辑:我用LinearLayout包装我的LinearLayout，解决了第二个问题
<com.google.android.material.chip.ChipGroup
android:id="@+id/chipGroup"
android:layout_width="0dp"
android:layout_height="wrap_content"
app:chipSpacingHorizontal="40dp"
app:singleSelection="true">
<com.google.android.material.chip.Chip
android:id="@+id/chip_1"
style="@style/CustomChipChoice"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:checked="false"
android:text="8:30 AM"
app:chipCornerRadius="7dp" />
<com.google.android.material.chip.Chip
android:id="@+id/chip_2"
style="@style/CustomChipChoice"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:checked="false"
android:text="9:00 AM"
app:chipCornerRadius="7dp" />
<com.google.android.material.chip.Chip
android:id="@+id/chip_3"
style="@style/CustomChipChoice"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:checked="false"
android:text="9:30 AM"
app:chipCornerRadius="7dp" />
<TextView
android:id="@+id/TextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:fontFamily="@font/poppins_bold"
android:text="TextView"
android:textSize="18sp" />
<com.google.android.material.chip.Chip
android:id="@+id/chip_4"
style="@style/CustomChipChoice"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:checked="false"
android:text="8:30 AM"
app:chipCornerRadius="7dp" />
<com.google.android.material.chip.Chip
android:id="@+id/chip_5"
style="@style/CustomChipChoice"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:checked="false"
android:text="8:30 AM"
app:chipCornerRadius="7dp" />
<com.google.android.material.chip.Chip
android:id="@+id/chip_6"
style="@style/CustomChipChoice"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:checked="false"
android:text="8:30 AM"
app:chipCornerRadius="7dp" />
</com.google.android.material.chip.ChipGroup>回答 1
Stack Overflow用户
回答已采纳
发布于 2021-09-12 17:10:01
没有库，你可以做到这一点。为此，您可以制作包装每一行的LinearLayouts。为了给出相同的空间，我们对android:layout_weight=".1"中的每个chip使用group。如果您给它相同的weight，它将是平衡的，反之亦然。这就是我想出来的：
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<com.google.android.material.chip.ChipGroup
android:id="@+id/chipGroup"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:chipSpacingHorizontal="40dp"
app:singleSelection="true">
<LinearLayout
android:id="@+id/ll1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<com.google.android.material.chip.Chip
android:id="@+id/chip_1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="20dp"
android:layout_marginEnd="20dp"
android:layout_weight=".1"
android:checked="false"
android:text="8:30 AM"
android:textAlignment="center"
app:chipCornerRadius="7dp" />
<com.google.android.material.chip.Chip
android:id="@+id/chip_2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="20dp"
android:layout_marginEnd="20dp"
android:layout_weight=".1"
android:checked="false"
android:text="9:00 AM"
android:textAlignment="center"
app:chipCornerRadius="7dp" />
<com.google.android.material.chip.Chip
android:id="@+id/chip_3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="20dp"
android:layout_marginEnd="20dp"
android:layout_weight=".1"
android:checked="false"
android:text="9:30 AM"
android:textAlignment="center"
app:chipCornerRadius="7dp" />
</LinearLayout>
<LinearLayout
android:id="@+id/ll2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<TextView
android:id="@+id/TextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_margin="10dp"
android:text="MyTextisHere"
android:textSize="18sp" />
</LinearLayout>
<LinearLayout
android:id="@+id/ll3"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<com.google.android.material.chip.Chip
android:id="@+id/chip_4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="20dp"
android:layout_marginEnd="20dp"
android:layout_weight=".1"
android:checked="false"
android:text="10:00 AM"
android:textAlignment="center"
app:chipCornerRadius="7dp" />
<com.google.android.material.chip.Chip
android:id="@+id/chip_5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="20dp"
android:layout_marginEnd="20dp"
android:layout_weight=".1"
android:checked="false"
android:text="10:30 AM"
android:textAlignment="center"
app:chipCornerRadius="7dp" />
<com.google.android.material.chip.Chip
android:id="@+id/chip_6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="20dp"
android:layout_marginEnd="20dp"
android:layout_weight=".1"
android:checked="false"
android:text="11:00 AM"
android:textAlignment="center"
app:chipCornerRadius="7dp" />
</LinearLayout>
</com.google.android.material.chip.ChipGroup>
</RelativeLayout>结果：
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69153253
复制相关文章
相似问题
腾讯云开发者
