垂直绘制颜色条 - android

时间:2016-02-29 09:34:31

标签: android

我试图画出这样的东西:

Color bar

而条形数是动态的,而且必须是圆形的

我尝试将视图放在LinearLayout水平方向,重量和=视图数(或圆内颜色条数)

我为每个视图设置了weight = 1。然后将视图添加到LinearLayout。

问题在于它不是循环的。

我怎样才能将这样的东西画成圆形呢?

1 个答案:

答案 0 :(得分:1)

要实现此目的,您可以将此图片http://i.stack.imgur.com/YHqsP.png用作头像

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">



    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/circular_frame"
        android:layout_alignLeft="@+id/circular_frame"
        android:layout_alignRight="@+id/circular_frame"
        android:layout_alignTop="@+id/circular_frame">

        <ImageView
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:background="#aa00aa"/>

        <ImageView
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:background="#aaaa00"/>

        <ImageView
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:background="#0000aa"/>

        <ImageView
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:background="#aa0000"/>

        <ImageView
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:background="#00aaaa"/>

    </LinearLayout>
    <FrameLayout
        android:id="@+id/circular_frame"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/avatar">

    </FrameLayout>

</RelativeLayout>