【问题标题】:Custom shape(rounded square) drawable android自定义形状(圆角方形)可绘制的android
【发布时间】:2016-09-21 14:37:38
【问题描述】:

我想要如下所示的自定义形状边框:

这是我迄今为止尝试过的:

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#00000000"/>
    <stroke android:width="0.1dp" android:color="#FFFFFF" />
    <corners android:radius="5dp"/>
    <!--<padding android:left="5dp" android:top="5dp" android:right="5dp" android:bottom="5dp" />-->
</shape>

但这并没有给我弯曲的侧面,只有弯曲的角落。

我需要弯曲的侧面

【问题讨论】:

  • 以及如何在 XML 的按钮代码中使用它。
  • android:background="@drawable/custom"
  • 也许这些只是图片
  • shape 会让你有一个圆角按钮,但对于这样的形状,你最好添加背景图像。据我所知,在 xml 中不可能实现这样的形状。
  • 上图是从某个应用截取的快照

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


【解决方案1】:

将drawable更改为this时查看this,您将获得以下输出。

 <ImageView
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_marginLeft="100dp"
            android:layout_marginTop="25dp"
            android:src="@drawable/rectangle" />

rectangle.xml 文件是

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#000000" />
    <stroke
        android:width="1dp"
        android:color="#FFFFFF" />
    <corners android:radius="20dp" />
    <padding
        android:bottom="5dp"
        android:left="5dp"
        android:right="5dp"
        android:top="5dp" />
</shape>

屏幕截图:

【解决方案2】:

试试这样。 创建一个可绘制对象

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="@android:color/transparent" />
    <stroke
        android:width="3dp"
        android:color="@android:color/white" />
    <corners android:radius="17dp" />

</shape>

然后将它用于任何视图。

<TextView
   android:layout_width="50dp"
   android:textColor="@android:color/white"
   android:background="@drawable/rounded_corner"
   android:layout_height="50dp"
   android:gravity="center"
   android:text="T" />

根据需要更改半径和高度和宽度。 如果您想要这种效果,请确保视图的高度和宽度必须相同。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-12-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-03-08
    • 1970-01-01
    相关资源
    最近更新 更多