如何在android中的方形drawable中绘制一个圆点?

时间:2017-04-14 13:37:38

标签: android android-xml android-drawable xml-drawable android-shapedrawable

我想在一个方形按钮内放一个小点,这是我一直尝试过的,因为azizbekian回答:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item>
        <shape android:shape="rectangle">
            <size android:width="100dp" android:height="100dp"/>
            <solid android:color="#38b0ef"/>
        </shape>
    </item>

    <item
        android:bottom="45dp"
        android:left="45dp"
        android:right="45dp"
        android:top="45dp">
        <shape android:shape="oval">
            <stroke android:width="1dp"  android:color="#0c5069"/>
            <size android:width="20dp" android:height="20dp"/>
            <solid android:color="#0c5069"/>
        </shape>
    </item>


</layer-list>

第一张图片是我试过的,第二张图片是我想要排除文字的内容。

this is how it looks now this is how i want excluding the text

此代码也是我必须应用drawable的按钮 在水平线性布局中有七个这样的按钮,其中weightum:100每个按钮具有权重14

<Button
   android:id="@+id/wed"
   android:layout_width="0dp"
   android:layout_height="35dp"
   android:layout_marginEnd="1dp"
   android:background="@drawable/my_button_dot"
   android:text="WED"
   android:textAllCaps="true"
   android:textStyle="bold"
   android:textColor="#ffffff"
   android:layout_weight="15"/>

当这个drawable应用于按钮时,点不会出现在背景中,可能是因为按钮和drawable的大小我试图调整drawable的大小,但我只是不理解它并且它不起作用,我该如何调整它以使点出现在按钮背景中。

2 个答案:

答案 0 :(得分:0)

首先在drawable中创建color_circle

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
  android:shape="oval">


  <solid android:color="#ffffff">


  </solid>

 <size
    android:width="48dp"
    android:height="48dp" />


</shape>

然后

    <RelativeLayout
    android:layout_width="64dp"
    android:layout_height="148dp">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <Button
            android:textAllCaps="true"
            android:textStyle="bold"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:text="WED" />

    </LinearLayout>


    <View
        android:layout_width="16dp"
        android:layout_height="16dp"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="16dp"
        android:background="@drawable/color_circle" />


</RelativeLayout>

我希望这就是你想要的

答案 1 :(得分:0)

这是

ImageView的src为dotted.xml。

<ImageView
  android:layout_width="178.8dp"
  android:layout_height="178.8dp"
  android:src="@drawable/dotted"
  android:layout_centerInParent="true"
  android:layerType="software" />
add below to drawable/dotted.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval">
  <stroke
    android:color="@android:color/white"
    android:dashWidth="1px"
    android:dashGap="10px"
    android:width="6.6dp"/>
</shape>