android如何制作如图所示的内视图圆形

eni9jsuy 于 2021-06-30 发布在 Java

关注(0)|答案(1)|浏览(298)

我想实现以下形状与圆形背景，我已经尝试，但我的内部视图不是在相对布局的圆形形状我会张贴我的屏幕截图。

我得到了下面的结果

<RelativeLayout
        android:id="@+id/circle_layout"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="10dp"
        android:background="@drawable/whitecircle" >

        <RelativeLayout
            android:id="@+id/circle_layoutinner"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_above="@+id/rating_viewtv"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true"
            android:background="@drawable/circletwo" >

            <TextView
                android:id="@+id/ratingcup_viewtv_fonts"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerHorizontal="true"
                android:layout_centerVertical="true"
                android:text="Y"
                android:textColor="@android:color/holo_purple" />
        </RelativeLayout>

        <TextView
            android:id="@+id/rating_viewtv"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_centerHorizontal="true"
            android:layout_marginBottom="3dp"
            android:text="4.5"
            android:textColor="@android:color/holo_purple" />
    </RelativeLayout>

</RelativeLayout>

我的whitecircle.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:innerRadius="0dp"
    android:shape="ring"
    android:thicknessRatio="2"
    android:useLevel="false">

    <solid android:color="@color/white" />

</shape>

我的circletwo.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:innerRadius="0dp"
    android:shape="ring"
    android:thicknessRatio="2"
    android:useLevel="false">

    <solid android:color="#ff9546" />

</shape>

Java android user-interface Layout

来源：https://stackoverflow.com/questions/27957008/android-how-to-make-inner-view-circle-shape-as-shown-in-picture

1条答案

按热度按时间

nx7onnlm1#

试试这个。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/circle_layout"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:layout_marginLeft="10dp"
    android:layout_marginTop="10dp"
    android:background="@drawable/circletwo" >

    <RelativeLayout
        android:id="@+id/circle_layoutinner"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_above="@+id/rating_viewtv"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true" >

        <TextView
            android:id="@+id/ratingcup_viewtv_fonts"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:text="Y"
            android:textColor="#ff0000" />
    </RelativeLayout>

    <TextView
        android:id="@+id/rating_viewtv"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:background="#ffffff"
        android:gravity="center"
        android:text="4.5"
        android:textColor="#ff0000" />

</RelativeLayout>

使用线性布局也可以尝试

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/circle_layout"
    android:layout_width="200dp"
    android:layout_height="200dp"
    android:layout_marginLeft="10dp"
    android:layout_marginTop="10dp"
    android:background="@drawable/circletwo"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/ratingcup_viewtv_fonts"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="2.2"
        android:text="Y"
        android:layout_gravity="center"
        android:gravity="center_vertical"
        android:textColor="#ff0000" />

    <TextView
        android:id="@+id/rating_viewtv"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="0.8"
        android:background="#ffffff"
        android:gravity="center"
        android:text="4.5"
        android:textColor="#ff0000" />

    </LinearLayout>

赞(0）回复(0）举报 2021-06-30

我来回答

android如何制作如图所示的内视图圆形

1条答案

相关问题

热门标签

最新问答