改变边框线条与背景重叠的布局

一般我们在开发中会用到给控件绘制边框线条来实现更高端的UI体验，也有时候在添加表格时会用到类似功能，这里我们使用添加xml布局的方式来解决此类问题。

使用layer-list实现一个背景，然后通过控制item的边框线条来改变边框的边距。

代码如下：

（改变左上右下边距）

<layer-list xmlns:android="http://schemas.android.com/apk/res/android"><!-- This is the line --><item android:right="-1px" android:bottom="-1px" android:left="-1px" android:top="-1px"><shape><solid android:color="@android:color/transparent" /><stroke android:width="1px" android:color="#CCCCCC" /></shape></item>
</layer-list>

又或者（改变左上右边距）：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android"><item
        android:left="2dp"android:right="2dp"android:top="2dp"><shape><solid android:color="@color/colorAccent"></solid></shape></item>
</layer-list>

改变边框线条与背景重叠的布局相关推荐

Android自定义控件3：带边框点击背景变色的textview,原型是支付宝手机充值中话费充值按钮
一.原型:支付宝手机充值中话费充值按钮. 二.实现效果: 三.在res/drawable下面创建两个xml: custom_border_txt_bg.xml用户可点击时,点击切换背景 custom_ ...
WPF4文字模糊不清晰、边框线条粗细不一致的解决方法
原文:WPF4文字模糊不清晰.边框线条粗细不一致的解决方法软件测试过程中发现在一台1600*900的分辨率电脑上文字模糊,甚至某些个文字出现压缩扭曲经过实践,发现按下面方法能解决一点问题: 在窗口 ...
css常用样式（文字样式、边框样式、背景样式）
CSS常用样式 CSS常用文字样式 color: brown; /*文字颜色*/ /*color: #333333;这样的也可以,这种颜色的表示方法是RGB的方式,没两位数表示一种颜色的度数, 一般情 ...
css两个盒子之间只显示一条边框_css如何去掉重叠部分的边框？
在前端开发中,边框border属性是经常会用到的一个属性,它可以给元素添加边框:但两个相邻的元素在一起同时添加了边框,就会出现一个问题,边框会重叠在一起(如下图),那么如何去掉重叠部分的边框?web前 ...
R语言ggplot2可视化分面图（faceting）：自定义分面图可视化、ggplot2可视化分面图并移除分面图之间的边框线条（Remove Panel Border Lines in a facet
R语言ggplot2可视化分面图(faceting):自定义分面图可视化.ggplot2可视化分面图并移除分面图之间的边框线条(Remove Panel Border Lines in a facet ...
HTML5: 利用SVG动画动态绘制文字轮廓边框线条
DEMO: 点击这里看效果简要教程这是一款很酷的html5 svg线条动态绘制文字轮廓边框动画特效.SVG路径动画在网页设计中是一项热门的技术,它允许我们绘制各种简单.精美的图标和文字.关于使用S ...
Speedoffice（excel）如何加粗边框线条
在一些办公文件中,经常会使用表格.在表格的设计上,会通过外框和内框加粗来区分表格显示的内容.那么如何加粗边框线条呢? 1,选中要添加框线的单元格区域. 2,点击软件右侧,点击边框风格,根据自己需求选择 ...
css3实现0.5px边框、圆角渐变色边框+圆角渐变色背景
效果图 0.5px边框 0.5px边框,可以用伪元素实现,before.after都可以.移动端H5页面用的比较多. 圆角渐变色边框+圆角渐变色背景实现外部圆角边框,内部圆角渐变色背景,是用父div ...
JS实现线条动态背景
[Top] JS实现线条动态背景线条随机运动,鼠标移动过程中,有吸附性,话不多说,直接上代码吧! !function () {let num = 100;//设置所画线的颜色let colorLin ...

改变边框线条与背景重叠的布局

一般我们在开发中会用到给控件绘制边框线条来实现更高端的UI体验，也有时候在添加表格时会用到类似功能，这里我们使用添加xml布局的方式来解决此类问题。

使用layer-list实现一个背景，然后通过控制item的边框线条来改变边框的边距。

代码如下：

（改变左上右下边距）

又或者（改变左上右边距）：

改变边框线条与背景重叠的布局相关推荐

最新文章

热门文章