Android 布局平分间距。想了好久终于找到了投机取巧的办法


只知道边距和控件大小,这4个文字中间的间距是等比的我们不知道具体尺寸。关心到屏幕适配。第一次想到的就是在代码中动态的去控制。

获取屏幕的跨度,然后减去最两边的距离是30dp,再减去每个text的宽度50dp,然后除以3就是每个文字的间距。然后动态的设置上去,只给第一个,第二个,第三个设置。

LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
DisplayMetrics dm = new DisplayMetrics();
getActivity().getWindowManager().getDefaultDisplay().getMetrics(dm);
int itemManger = (dm.widthPixels - (int) getResources().getDimension(R.dimen.dp_30) -             
                  ((int) getResources().getDimension(R.dimen.dp_50) * 4)) / 3;
params.setMargins(0, 0, itemManger, 0);

 这个方法设置以后展示的效果确实没有问题。然后感觉有点乱。还是想写到xml里面去。

接下来就是投机取巧的方法了。

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginStart="@dimen/dp_30"
        android:layout_marginTop="@dimen/dp_10"
        android:orientation="horizontal"
        android:layout_marginEnd="@dimen/dp_30"
        android:layout_marginBottom="@dimen/dp_10">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableTop="@mipmap/archives_icon_birthday"
            android:drawablePadding="@dimen/dp_10"
            android:text="本月生日" />

        <View
            android:layout_width="wrap_content"
            android:layout_height="0dp"
            android:layout_weight="1" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableTop="@mipmap/archives_icon_warning"
            android:drawablePadding="@dimen/dp_10"
            android:text="预警档案" />

        <View
            android:layout_width="wrap_content"
            android:layout_height="0dp"
            android:layout_weight="1" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableTop="@mipmap/archives_icon_category"
            android:drawablePadding="@dimen/dp_10"
            android:text="顾客类别" />

        <View
            android:layout_width="wrap_content"
            android:layout_height="0dp"
            android:layout_weight="1" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableTop="@mipmap/archives_icon_allocation"
            android:drawablePadding="@dimen/dp_10"
            android:text="分配档案" />

    </LinearLayout>

 可以看到每个text中间设置一个View。权重为1。这个时候呢。就会把每个布局给挤压过去了。有权重的地方全部都为相等的比例。
 

使用ConstraintLayout  进行权重分配  app:layout_constraintHorizontal_chainStyle="spread_inside" 可以达到我们需要的效果。

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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"
    android:orientation="vertical">

    <TextView
        android:id="@+id/but_A"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_marginStart="20dp"
        android:background="#FF00FF"
        app:layout_constraintEnd_toStartOf="@id/but_B"
        app:layout_constraintHorizontal_chainStyle="spread_inside"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/but_B"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:background="#FFFF00"
        app:layout_constraintEnd_toStartOf="@id/but_C"
        app:layout_constraintStart_toEndOf="@id/but_A"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/but_C"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:background="#0000FF"
        app:layout_constraintEnd_toStartOf="@id/but_D"
        app:layout_constraintStart_toEndOf="@id/but_B"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/but_D"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_marginEnd="20dp"
        android:background="#00FFFF"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@id/but_C"
        app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

这个属性有三种样式

packed

spread

spread_inside

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值