You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Android开发:如何实现四边切角的Drawable Shape

实现Android四边切角的Drawable Shape

嘿,这事儿超简单!你只需要在项目的res/drawable目录下创建一个XML文件,用<shape>标签就能轻松实现四边切角的效果。我给你写个完整的示例,你可以直接拿去用,还能根据需求调整参数:

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

    <!-- 设置背景填充色 -->
    <solid android:color="#FFFFFF" />

    <!-- 设置四边的圆角半径,数值越大圆角越明显 -->
    <corners android:radius="16dp" />

    <!-- 可选:添加边框,设置边框颜色和宽度 -->
    <stroke
        android:width="1dp"
        android:color="#E0E0E0" />

    <!-- 可选:设置内部边距,让内容和边框/圆角之间有间距 -->
    <padding
        android:bottom="8dp"
        android:left="16dp"
        android:right="16dp"
        android:top="8dp" />

</shape>

关键参数说明:

  • android:shape="rectangle":指定形状为矩形,这是最符合四边切角需求的基础形状。
  • <corners android:radius="16dp":这是控制四个角圆角大小的核心属性,你可以根据UI设计调整16dp这个数值——比如改成8dp就是更尖锐的圆角,24dp就是更圆润的效果。如果需要单独调整某一个角的圆角,也可以用topLeftRadius、topRightRadius、bottomLeftRadius、bottomRightRadius分别设置(不过你要的是四边切角,统一用radius就够了)。
  • <solid>:设置形状的填充背景色,替换成你需要的颜色值就行。
  • <stroke>:如果需要给形状加边框,就保留这个标签,调整宽度和颜色;不需要的话直接删掉就行。
  • <padding>:控制形状内部的间距,避免内容紧贴着圆角边缘,提升视觉效果,不需要也可以删掉。

怎么用这个Shape?

在你的布局XML里,给需要添加圆角效果的View设置android:background属性就行,比如:

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="我是带圆角的文本框"
    android:background="@drawable/rounded_corner_shape" />

这样就能得到你想要的四边切角Drawable效果啦!

内容的提问来源于stack exchange,提问作者Ruchi

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.08 11:12:39