简体   繁体   English

"项目之间的水平线性布局空间,没有左右填充"

[英]Horizontal LinearLayout space between items without padding left and right

I need space between items in LinearLayout without padding on the sides.我需要 LinearLayout 中的项目之间的空间,而不需要在两侧进行填充。

This image will explain it:这张图片将解释它:

在此处输入图像描述<\/a>

This is the XML:这是 XML:

    <LinearLayout
        android:layout_width="240dp"
        android:layout_height="match_parent"
        android:layout_marginBottom="32dp"
        android:orientation="horizontal">


        <ImageView
            android:id="@+id/rateOneStar"
            android:layout_width="32dp"
            android:layout_height="32dp"
            android:layout_weight="1"
            app:srcCompat="@drawable/ic_star"
            app:tint="@color/ratingStarInactive" />

        <ImageView
            android:id="@+id/rateTwoStar"
            android:layout_width="32dp"
            android:layout_height="32dp"
            android:layout_weight="1"
            app:srcCompat="@drawable/ic_star"
            app:tint="@color/ratingStarInactive" />

        <ImageView
            android:id="@+id/rateThreeStar"
            android:layout_width="32dp"
            android:layout_height="32dp"
            android:layout_weight="1"
            app:srcCompat="@drawable/ic_star"
            app:tint="@color/ratingStarInactive" />

        <ImageView
            android:id="@+id/rateFourStar"
            android:layout_width="32dp"
            android:layout_height="32dp"
            android:layout_weight="1"
            app:srcCompat="@drawable/ic_star"
            app:tint="@color/ratingStarInactive" />

        <ImageView
            android:id="@+id/rateFiveStar"
            android:layout_width="32dp"
            android:layout_height="32dp"
            android:layout_weight="1"
            app:srcCompat="@drawable/ic_star"
            app:tint="@color/ratingStarInactive" />
    </LinearLayout>

I'm using this solution now:我现在正在使用这个解决方案:

https:\/\/github.com\/google\/flexbox-layout<\/a> https:\/\/github.com\/google\/flexbox-layout<\/a>

Instead of LinearLayout:而不是线性布局:

    <com.google.android.flexbox.FlexboxLayout
        android:layout_width="240dp"
        android:layout_height="match_parent"
        android:layout_marginBottom="32dp"
        app:justifyContent="space_between">

Edit: better solution编辑:更好的解决方案

Setting layoutWeight on edge views would remove padding around them.在边缘视图上设置 layoutWeight 将删除它们周围的填充。

<LinearLayout
        android:id="@+id/requested"
        android:layout_width="240dp"
        android:layout_height="match_parent"
        android:layout_marginBottom="32dp"
        android:orientation="horizontal"
        app:layout_constraintTop_toBottomOf="@id/original">


        <ImageView
            android:id="@+id/rateOneStar"
            android:layout_width="32dp"
            android:layout_height="32dp"
            android:layout_weight="0"
            app:srcCompat="@drawable/ic_round_credit_card_24"
            app:tint="@color/colorLightBlack" />

        <ImageView
            android:id="@+id/rateTwoStar"
            android:layout_width="32dp"
            android:layout_height="32dp"
            android:layout_weight="1"
            app:srcCompat="@drawable/ic_round_credit_card_24"
            app:tint="@color/colorLightBlack" />

        <ImageView
            android:id="@+id/rateThreeStar"
            android:layout_width="32dp"
            android:layout_height="32dp"
            android:layout_weight="0"
            app:srcCompat="@drawable/ic_round_credit_card_24"
            app:tint="@color/colorLightBlack" />

        <ImageView
            android:id="@+id/rateFourStar"
            android:layout_width="32dp"
            android:layout_height="32dp"
            android:layout_weight="1"
            app:srcCompat="@drawable/ic_round_credit_card_24"
            app:tint="@color/colorLightBlack" />

        <ImageView
            android:id="@+id/rateFiveStar"
            android:layout_width="32dp"
            android:layout_height="32dp"
            android:layout_weight="0"
            app:srcCompat="@drawable/ic_round_credit_card_24"
            app:tint="@color/colorLightBlack" />
    </LinearLayout>

结果

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM