Android 约束布局:ConstraintLayout Circle 我去年买了个表

Posted 2022-04-29 安果移不动

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Android 约束布局:ConstraintLayout Circle 我去年买了个表相关的知识，希望对你有一定的参考价值。

要是没有约束布局画一个这样的类似表的布局。。需要定义自定义view去计算。

或者是手动计算好再写上去。

就很麻烦。

但是

<?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">


    <TextView
        android:id="@+id/tv0"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:background="@android:color/holo_red_dark"
        android:gravity="center"
        android:text="0"
        android:textColor="#fff"
        android:textSize="24sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"

        />


    <TextView
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:background="@android:color/holo_red_dark"
        android:gravity="center"
        android:text="1"
        android:textColor="#fff"
        android:textSize="24sp"
        app:layout_constraintCircle="@id/tv0"
        app:layout_constraintCircleAngle="30"
        app:layout_constraintCircleRadius="100dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:background="@android:color/holo_red_dark"
        android:gravity="center"
        android:text="2"
        android:textColor="#fff"
        android:textSize="24sp"
        app:layout_constraintCircle="@id/tv0"
        app:layout_constraintCircleAngle="60"
        app:layout_constraintCircleRadius="100dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />


    <TextView
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:background="@android:color/holo_red_dark"
        android:gravity="center"
        android:text="3"
        android:textColor="#fff"
        android:textSize="24sp"
        app:layout_constraintCircle="@id/tv0"
        app:layout_constraintCircleAngle="90"
        app:layout_constraintCircleRadius="100dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:background="@android:color/holo_red_dark"
        android:gravity="center"
        android:text="4"
        android:textColor="#fff"
        android:textSize="24sp"
        app:layout_constraintCircle="@id/tv0"
        app:layout_constraintCircleAngle="120"
        app:layout_constraintCircleRadius="100dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:background="@android:color/holo_red_dark"
        android:gravity="center"
        android:text="5"
        android:textColor="#fff"
        android:textSize="24sp"
        app:layout_constraintCircle="@id/tv0"
        app:layout_constraintCircleAngle="150"
        app:layout_constraintCircleRadius="100dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:background="@android:color/holo_red_dark"
        android:gravity="center"
        android:text="6"
        android:textColor="#fff"
        android:textSize="24sp"
        app:layout_constraintCircle="@id/tv0"
        app:layout_constraintCircleAngle="180"
        app:layout_constraintCircleRadius="100dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"

        />

    <TextView
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:background="@android:color/holo_red_dark"
        android:gravity="center"
        android:text="7"
        android:textColor="#fff"
        android:textSize="24sp"
        app:layout_constraintCircle="@id/tv0"
        app:layout_constraintCircleAngle="210"
        app:layout_constraintCircleRadius="100dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"

        />

    <TextView
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:background="@android:color/holo_red_dark"
        android:gravity="center"
        android:text="8"
        android:textColor="#fff"
        android:textSize="24sp"
        app:layout_constraintCircle="@id/tv0"
        app:layout_constraintCircleAngle="240"
        app:layout_constraintCircleRadius="100dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"

        />

    <TextView
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:background="@android:color/holo_red_dark"
        android:gravity="center"
        android:text="9"
        android:textColor="#fff"
        android:textSize="24sp"
        app:layout_constraintCircle="@id/tv0"
        app:layout_constraintCircleAngle="270"
        app:layout_constraintCircleRadius="100dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"

        />

    <TextView
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:background="@android:color/holo_red_dark"
        android:gravity="center"
        android:text="10"
        android:textColor="#fff"
        android:textSize="24sp"
        app:layout_constraintCircle="@id/tv0"
        app:layout_constraintCircleAngle="300"
        app:layout_constraintCircleRadius="100dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"

        />

    <TextView
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:background="@android:color/holo_red_dark"
        android:gravity="center"
        android:text="11"
        android:textColor="#fff"
        android:textSize="24sp"
        app:layout_constraintCircle="@id/tv0"
        app:layout_constraintCircleAngle="330"
        app:layout_constraintCircleRadius="100dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"

        />

    <TextView
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:background="@android:color/holo_red_dark"
        android:gravity="center"
        android:text="12"
        android:textColor="#fff"
        android:textSize="24sp"
        app:layout_constraintCircle="@id/tv0"
        app:layout_constraintCircleAngle="0"
        app:layout_constraintCircleRadius="100dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"

        />


</androidx.constraintlayout.widget.ConstraintLayout>

通过这三个的属性

app:layout_constraintCircle="@id/tv0"
app:layout_constraintCircleAngle="30"
app:layout_constraintCircleRadius="100dp"

让一切都变得很简单。

以上是关于Android 约束布局:ConstraintLayout Circle 我去年买了个表的主要内容，如果未能解决你的问题，请参考以下文章

Constraintlayout Vertical Bias 在Android的两个视图中不起作用

Android 新控件之ConstraintLayout(约束布局)

Android-ConstraintLayout(约束布局)-Centering/Circular and with Bias了解一下

Android ConstraintLayout 约束布局 Flow 流式布局，表格布局

为啥android studio显示“约束布局中缺少约束”的错误？

Android聊天列表视图不完全滚动