安卓用shape画圆角矩形边框

效果图:

代码:

一、xml方式

  1. 代码: shape_rec_blue.xml
  • 圆角矩形边框
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <stroke
        android:width="1dp"
        android:color="#418DF9" />
    <corners android:radius="4dp" />
</shape>
  • 圆角矩形背景
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#418DF9" />
    <corners android:radius="4dp" />
</shape>
  1. 使用
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:background="#F3F3F3"
              android:orientation="vertical">
    <LinearLayout
            android:id="@+id/ll_bottom_split"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/shape_rec_blue"
            android:layout_margin="10dp"
            android:layout_gravity="center"
            android:orientation="horizontal">
        <TextView android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:textSize="30dp"
                  android:text=" 测试测试测试测试 "/>
    </LinearLayout>
</LinearLayout>

二、kotlin方式

  1. 代码
  • 圆角矩形边框
private fun getRoundRectStroke() = GradientDrawable().also {
    it.shape = GradientDrawable.RECTANGLE
    it.cornerRadius = 10f //圆角度数
    val strokeWidth = 4 // 边框宽度
    val strokeColor = Color.parseColor("#418DF9") //边框颜色
    it.setStroke(strokeWidth, strokeColor)
}
  • 圆角矩形背景
private fun getRoundRect() = GradientDrawable().also {
    it.shape = GradientDrawable.RECTANGLE
    it.cornerRadius = 10f
    it.setColor(Color.parseColor("#418DF9"))
}
  1. 使用方法
view.background = getRoundRect()

完整源代码

https://gitee.com/hspbc/shapeDemos.git

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容