android shape 虚线圆角边框,android布局XML属性能力增强（圆角、虚线、边框等）

最新推荐文章于 2025-04-20 00:15:00 发布
最新推荐文章于 2025-04-20 00:15:00 发布
阅读量749 收藏
点赞数
文章标签： android shape 虚线圆角边框

概述

android开发中，我们常常使用xml来写布局文件，这种实现方式不仅简单，而且表达能力更强。但是google提供的布局属性有限，有些功能的实现我们不得不使用代码，或者自定义控件的方式来实现。那有没有一种方法，可以将属性增强来实现额外的功能呢？例如我们常常使用background 来表示和设置背景，那是不是可以使用layout_radius来表示和设置圆角呢？

使用示例

需要在项目build.gradle中引用依赖

implementation 'com.zhangzheng.superxml:library:1.1.0'

另外在Application注册一行代码

SuperXml.init(this)

OVER

能力说明

属性增强

圆角：

android:layout_width="100dp"

android:layout_height="100dp"

android:layout_marginTop="20dp"

android:background="#FF0000"

app:layout_radius="40dp" />

说明

app:layout_radius 支持将控件背景设置为圆角，背景支持纯色背景或者图片，另外对于ImageView 的src如果想设置成圆角需要使用app:layout_src_radius，例如

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginTop="20dp"

android:src="@mipmap/order_ic_shipper_default"

app:layout_src_radius="10dp" />

复合属性

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginTop="20dp"

android:text="asdasdasdasd"

app:layout_textColor_pressedFalse="#00FF00"

app:layout_textColor_pressedTrue="#FF0000" />

说明

一般情况下，我们要表示点击和普通状态下不同的字体颜色，或者背景会使用selector来定义一个文件，然后在布局文件中引用，一方面这样的使用很麻烦，另外一方面可读性也会降低(用户需要进入selector文件进行分析，才知道代码表达意图)。这边封装了常用的复用属性，如下：

属性

属性类型

说明layout_background_enableTrue

layout_background_enableFalse

reference|color(资源或者颜色)

背景(是否可用)

layout_background_pressedTrue

layout_background_pressedFalse

reference|color(资源或者颜色)

背景(是否按压)

layout_background_selectedTrue

layout_background_selectedTrue

reference|color(资源或者颜色)

背景(是否选择)

layout_textColor_enableTrue

layout_textColor_enableFalse

reference|color(资源或者颜色)

字体颜色(是否可用)

layout_textColor_pressedTrue

layout_textColor_pressedFalse

reference|color(资源或者颜色)

字体颜色(是否按压)

layout_textColor_selectedTrue

layout_textColor_selectedFalse

reference|color(资源或者颜色)

字体颜色(是否选择)

边框

android:id="@+id/view"

android:layout_width="100dp"

android:layout_height="100dp"

android:layout_marginTop="20dp"

android:background="#FF0000"

app:layout_border_color="#0000FF"

app:layout_border_width="1dp"

app:layout_radius="40dp" />

说明

比较简单，layout_border_color表示边框颜色，layout_border_width表示边框粗细，和radius一起使用表示边框圆角。

虚线

android:layout_width="match_parent"

android:layout_height="1dp"

android:layout_marginTop="20dp"

android:background="#FF0000"

app:layout_dash_gap="10dp"

app:layout_dash_height="1dp"

app:layout_dash_width="5dp" />

说明

可以在任何视图上使用(建议在View中定义)，必须同时定义grap、dash_height、dash_width。支持横虚线，和竖虚线，这里会检测视图宽高来确定。属性说明：dash_grap(虚线间距)、dash_width(单个小线的宽)、dash_height(单个小线的高)

视图替换或增强

这个能力可能会将布局文件中的视图替换成其他控件、或者对其进行增强。

滚动视图

为了适配小屏手机，我们可能会在每一个布局文件中加上一层ScrollView，现在对容器控件进行能力增强。

android:layout_width="match_parent"

android:layout_height="130dp"

android:gravity="center"

android:orientation="vertical"

android:scrollbars="none"

app:layout_canScroll="true">

说明

在需要滚动的视图上添加属性app:layout_canScroll="true"，来使其获得滚动的能力。另外所有scrollView的属性，可以配置在该容器控件中。

属性覆盖

有一种很常见的业务场景，在一个条目中有多个控件，控件大多数属性是相同的(例如TextView的字体颜色、大小等)，一般我们会给每一个控件加上相同的属性(冗余)、或者定义公共样式(太麻烦)。现在参考html的布局方式，在父控件中设置公共样式，给子控件当默认值。

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:orientation="horizontal"

android:textColor="#FF0000"

android:textSize="20sp"

android:textStyle="italic"

android:scaleType="center"

app:layout_cover_children="true">

android:layout_width="50dp"

android:src="@mipmap/ic_launcher"

android:layout_height="50dp"/>

android:capitalize="none"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:textColor="#FF00FF"

android:textStyle="italic"

android:text="11111" />

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginLeft="10dp"

android:textSize="13dp"

android:text="22222" />

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginLeft="10dp"

android:textSize="14dp"

android:text="333333" />

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginLeft="10dp"

android:textSize="15dp"

android:text="444444" />

支持的属性

控件类型

属性TextView

textColor

textSize

text

maxLines

maxEms

textColorHint

hint

textDirection

textStyle

capitalize

ImageView

src

scaleType

扩展

属性扩展

SuperXml.addDecorate(object : IDecorateView() {

override fun initExtraInfo(typedArray: TypedArray): Boolean {

}

override fun decorate(view: View) {

}

})

实现参考

internal class RadiusDecorate(var radius: Float = 0f) : IDecorateView() {

override fun initExtraInfo(typedArray: TypedArray): Boolean {

radius = typedArray.getDimension(R.styleable.decorate_view_layout_radius,0f)

return radius > 0

}

override fun decorate(view: View)= view.setRadius(radius)

}

控件替换 OR 增强

SuperXml.addDecorate(object :IWrapDecorateView(){

override fun decorateView(view: View): View {

}

override fun initExtraInfo(typedArray: TypedArray): Boolean {

}

})

实现参考

internal class ScrollWrapDecorate(var canScroll: Boolean = false) : IWrapDecorateView() {

override fun initExtraInfo(typedArray: TypedArray): Boolean {

canScroll = typedArray.getBoolean(R.styleable.decorate_view_layout_canScroll, false)

return canScroll

}

override fun decorateView(view: View): View {

return ScrollViewProxy(

view,

attributeSet

)

}

}

属性覆盖

SuperXml.addCoverAttributeParse(object : AbsChildViewParse(){

override fun createInfoView(context: Context, attributeSet: AttributeSet?): TextView {

}

override fun coverAttribute(): MutableList {

}

})

实现参考

class TextViewCoverParse : AbsChildViewParse() {

override fun createInfoView(context: Context, attributeSet: AttributeSet?): TextView =

TextView(context, attributeSet)

override fun coverAttribute(): MutableList = mutableListOf(

AttributeInfo("textSize",{ textSize }) { value -> textSize = value },

AttributeInfo("textColor",{ textColors }) { value -> setTextColor(value) },

AttributeInfo("text",{ text }) { text -> setText(text) },

AttributeInfo("maxLines",{ maxLines }) { maxLines -> setMaxLines(maxLines) },

AttributeInfo("maxEms",{ maxEms }) { maxEms -> setMaxEms(maxEms) },

AttributeInfo("textColorHint",{ hintTextColors }) { hintTextColors -> setHintTextColor(hintTextColors) },

AttributeInfo("hint",{ hint }) { hint -> setHint(hint) },

AttributeInfo("textDirection",{ textDirection }) { textDirection -> setTextDirection(textDirection) },

AttributeInfo("textStyle",{ typeface }) { typeface -> setTypeface(typeface) },

AttributeInfo("capitalize",{ inputType }) { inputType -> setInputType(inputType) }

)

}

代码：github

来源：oschina

链接：https://my.oschina.net/u/4404863/blog/4633370

ki-pi
关注
Android 使用shape文件实现一个虚线框
weixin_43942430的博客
11-27 708
<shape xmlns:android="http://schemas.android.com/apk/res/android" > <solid android:color="#00000000"/> <corners android:radius="4dp"/> <stroke android:width="5dp" ...
Android Shape是什么？渐变、描边、圆角，如何使用？真实场景使用
前期后期
09-09 2219
Android中的shape主要用于绘制简单图形并控制这些图形的样式。Shape的定义文件是XML格式的，以元素为根节点，通过不同的子节点和属性来控制图形的具体表现。Shape允许开发者自定义控件（如按钮、文本框等）的背景、边框等样式，使得应用界面更加美观和个性化。通过设置shape的corners、solid、stroke等属性，可以轻松实现圆角背景、纯色填充、边框描边等效果。效果如下图：我们可以注意到这个按钮，有描边、有圆角以及渐变，是如何实现的？
android shape的使用详解以及常用效果（渐变色、分割线、边框、半透明阴影效果等）
u012940983的专栏
06-19 1166
shape使用、渐变色、分割线、边框、半透明、半透明阴影效果。 首先简单了解一下shape中常见的属性。（详细介绍参看 api文档） 转载请注明：Rflyee_大飞:http://blog.csdn.net/rflyee/article/details/20785495 xml version="1.0" encoding="utf-8"?>shape    xmlns:
Android实现圆角边框（附带源码）
最新发布
欢迎来到我的博客！这里是一个专注于计算机技术的分享平台，涵盖编程开发、算法研究、系统架构、软件工程等多个领域。无论你是初学者还是资深开发者，都能在这里找到有价值的内容。
04-20 734
Android实现圆角边框（附带源码）
android虚线圆角边框,Android：res之shape制作圆角、虚线、渐变(示例代码)
weixin_36318548的博客
05-26 289
xml控件配置属性android:background="@drawable/shape"标签corners ----------圆角gradient ----------渐变padding ----------内容离边界距离size　------------大小solid 　----------填充颜色stroke ----------描边注意的是corners的属性bottomLeftRadi...
Android 画虚线边框
热门推荐
mimi5821741的专栏
10-22 1万+
<stroke android:dashGap="2dp" 间隔 android:dashWidth="1dp" 点的大小 android:width="1dp" android:color="#8B8B8B" />
Android 使用shape实现虚线或者虚线框
kongT。的博客
09-06 1万+
画一条虚线作为分割线 1.先写一个shape，命名为shape_line_dash.xml 虚线 ?xml version="1.0" encoding="utf-8"?&gt; &lt;shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="line"&gt; &lt;stroke
Android设置虚线、圆角、渐变
08-13
可以结合以上三种效果，例如创建一个带有圆角和虚线边框的按钮： ```xml android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="点击我" android:background="@drawable/...
android shape的使用及渐变色、分割线、边框、半透明阴影
08-27
* `<stroke>`：用于指定形状的边框，可以使用`android:width`属性指定边框的宽度，使用`android:color`属性指定边框的颜色，还可以使用`android:dashWidth`和`android:dashGap`属性指定虚线的宽度和间隔。...
Android实现代码画虚线边框背景效果
08-31
总结来说，利用Android的XML drawable资源来创建虚线边框是一种非常实用的技术，它可以帮助我们实现动态的、可定制的界面效果，而无需依赖图片资源。通过学习和理解这一方法，Android开发者能够更好地优化应用的性能...
掌握Android shape：实现圆角、虚线及渐变效果
在Android开发中，Shape样式是一种定义图形外观的方式，可以实现如圆角、虚线边框、部分圆角、颜色渐变等多种效果。通过XML文件定义，我们可以将这些样式应用于视图的背景中，从而达到丰富界面视觉效果的目的。下面...
Android shape的使用实现圆角，虚线，渐变等效果
bufanni12的专栏
05-27 2319
输入框或者是一些按钮的背景都喜欢使用
android虚线边框_Android通过代码实现虚线或者虚线框shape-Fun言
weixin_39640520的博客
12-19 389
虚线android:shape=”line”>android:width=”1dp”android:color=”#f3f3f3″android:dashWidth=”3dp”android:dashGap=”3dp” />虚线框android:shape=”rectangle”>android:width=”1dp”android:color=”#f3f3f3″android:...
android虚线边框_android自定义圆角实线边框，圆角虚线边框，直实线，虚实线，半圆角边框...
weixin_39597987的博客
12-19 611
先上图在现实项目开发中，单纯的Button，EditText等控件远远不能满足我们项目的UI设计需求，这时候，我们就需要自己动手丰衣足食啦。接下来先给大家介绍一些属性，备注写的都非常清楚啦，我就不啰嗦啦。1 2 3 4 android:shape="###">56 7 9 android:color="###"10 android:dashGap="###"11 androi...
android虚线边框_android 用代码画虚线边框背景(转)
weixin_39978282的博客
12-19 216
1.虚线画效果，可以使用Android中的xml来做。2.直接上代码：android:id="@+id/coupon_popup"android:layout_width="320dp"android:layout_height="200dp"android:layout_margin="20dp"android:gravity="center_vertical"android:backgroun...
Android shape画一个圆角虚线框
Android_Mr_Zhao的博客
12-23 962
Android通过shape实现边框
超哥很努力的专栏
07-23 980
Android中可以通过定义drawable下的xml文件来实现控件边框效果 myborder.xml 在layout中对控件如下描述即可：android:background="@drawable/myborder"
android 按钮圆角属性,安卓实现圆角边框按钮，以及样式运用
weixin_39601657的博客
05-26 579
安卓的按钮没有 border 属性，更别谈 border-radius 了，好在 background 可以曲线求国，看效果：按钮一、在 res/drawable/ 下新建一 XML 文件，内容如下：按钮二、在 res/drawable/ 下新建一 XML 文件，内容如下：然后在布局文件中，Button 控件中分别指明 android:background="@drawable/刚才建立的 XML...
android虚线边框
倒骑驴走着瞧的博客
08-10 1393
效果图： 使用到的属性： dashWidth 虚线宽度 dashGap 虚线点之间的间隙 <!--虚线边框--> <stroke android:width="1dp" android:color="@android:color/black" android:dashWidth="1dp" android:dashGap="2dp" /> shape文件： <?xml version="1.0"
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值