如何使用两种颜色制作imageview边框并在andorid中修复尺寸边框宽度

时间:2016-10-03 11:41:12

标签: java android xml imageview shape

我创建了circularimageview并且这个图像视图设置了两种颜色,这个颜色sizw与固定大小和两个边框的边框设置相同吗?

**我已经使用了库'com.pkmmte.view:circularimageview:1.1'**


#ce90ce内圈
#ab84ab外圈
更圆的不透明度20%
外圈不透明度15%

我的图片 enter image description here

我的适配器布局

<RelativeLayout 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="wrap_content"
android:background="@color/Background_Main"
android:orientation="horizontal">

<com.pkmmte.view.CircularImageView
    android:id="@+id/ivPerson"
    android:layout_width="77dp"
    android:layout_height="77dp"
    android:layout_marginLeft="10dp"
    android:layout_marginTop="10dp"
    app:border="true"
    app:border_color="#ab84ab"
    app:border_width="10dp"
    app:shadow="true" />

<TextView
    android:id="@+id/tvPersonName"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_toRightOf="@+id/ivPerson"
    android:paddingLeft="10dp"
    android:paddingTop="30dp"
    android:textAlignment="viewStart"
    android:textAppearance="?android:attr/textAppearanceLarge"
    android:textColor="@color/tapon"
    android:textSize="20sp" />

<Button
    android:id="@+id/addbn"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_marginRight="20dp"
    android:layout_marginTop="25dp"
    android:background="@drawable/buildlis_category_btn_selected"
    android:focusable="false"
    android:minHeight="0dp"
    android:minWidth="0dp" />

2 个答案:

答案 0 :(得分:1)

这里是xml代码,易于维护:

double_circle_image.xml

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>

        <shape android:shape="oval">

            <stroke
                android:width="10dp"
                android:color="#0000ff" />
        </shape>
    </item>

    <item
        android:bottom="10dp"
        android:left="10dp"
        android:right="10dp"
        android:top="10dp">

        <shape android:shape="oval">

            <stroke
                android:width="10dp"
                android:color="#ff0000" />
        </shape>
    </item>
    <item
        android:drawable="@drawable/ic_launcher"
        android:bottom="20dp"
        android:left="20dp"
        android:right="20dp"
        android:top="20dp"/>
</layer-list>

答案 1 :(得分:0)

Use this library将图像塑造成圆形。你使用标签添加图像,对吗?然后,从drawable添加背景(阴影)(Vector)。它可以使你看起来像你想要的那样。

您也应该使用矢量文件作为图像。 This is cool library将svg图像转换为矢量图像。如果你这样做,你的图像看起来就像你在任何设备中的问题一样!

希望它有所帮助。干杯!