-
2016-03-28 10:23:51
感谢这个帖子,记录一下:http://bbs.csdn.net/topics/390747856
android 用shape实现下划线:
通常是用layer-list来模拟一条线,shape本身是无法画一条线的 <?xml version="1.0" encoding="utf-8"?> <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="#00FFFFFF" /> <stroke android:width="1px" android:color="#cc0000" /> </shape> </item> </layer-list>
更多相关内容 -
利用layer-list和shape实现下划线效果
2022-02-09 17:22:12<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android" > <item android:left="-4dp" android:right="-4dp" ...shape><?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android" > <item android:left="-4dp" android:right="-4dp" android:top="-4dp"> <shape> <solid android:color="#00FFFFFF" /> <stroke android:width="2dp" android:color="#ebedfb" /> </shape> </item> </layer-list>
因为shape如果形状设为line,则是居中的,可以做分割线,但是无法做下划线。
比如我们想为TextView设置一个背景,实现下划线。
需要用layer-list,因为shape的stroke是四周描边的,这里android:left="-4dp"就是指item的drawable(就是shape)从整个画布的-4dp开始绘制,
这样其实显示在画布中的shape就没有左边了,同理,上左右都这么处理就只剩下底边,就实现了下划线效果
-
【安卓】3.修改列表增加下划线样式(保姆级图文+附示例)
2022-01-08 16:46:38修改列表增加下划线样式(保姆级图文+附示例)
欢迎关注 『安卓』 系列,持续更新中
欢迎关注 『安卓』 系列,持续更新中
【1.修改按钮样式之圆角按钮+按钮图标(保姆级图文+附示例+api例程)】
【2.修改app名、图标、主题风格(保姆级图文+附示例+api例程)】
【3.修改列表增加下划线样式(保姆级图文+附示例)】
【4.修改SeekBar样式进度条样式(保姆级图文+附示例)】
【5.关于音乐播放器的按钮动态效果修改】
【更多内容敬请期待】需要用到的图片文件给你打包好了,直接下载
https://download.csdn.net/download/u011027547/74908220
修改列表增加下划线样式(保姆级图文+附示例)
drawable文件夹下的underline.xml
<?xml version="1.0" encoding="UTF-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android" > <!-- 连框颜色值 --> <item> <shape> <solid android:color="#dddddd" /> </shape> </item> <!-- 主体背景颜色值 --> <item android:bottom="1dp"> <!--设置只有底部有边框--> <shape> <solid android:color="@color/orange" /> </shape> </item> </layer-list>
layout文件夹下的myitem.xml
修改前
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="100dp" android:layout_marginBottom="10dp" android:background="#CC88AA" android:gravity="center" android:padding="5dp"> <ImageView android:id="@+id/imgx_id" android:layout_width="70dp" android:layout_height="70dp" android:layout_marginRight="10dp" tools:srcCompat="@drawable/a0" /> <LinearLayout android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:gravity="center_vertical" android:orientation="vertical"> <TextView android:id="@+id/tvx_title" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="title" android:textColor="@android:color/holo_red_dark" android:textSize="20dp" android:textStyle="bold" /> <TextView android:id="@+id/tvx_artist" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="artist" android:textColor="@android:color/holo_blue_dark" android:textSize="15dp" android:textStyle="bold" /> </LinearLayout> <LinearLayout android:layout_width="60dp" android:layout_height="match_parent" android:gravity="center" android:orientation="horizontal"> <TextView android:id="@+id/tvx_duration" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="TextView" android:textSize="15dp" /> </LinearLayout> </LinearLayout>
修改后,使用了下划线
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="100dp" android:layout_marginBottom="10dp" android:background="@drawable/underline" android:gravity="center" android:padding="5dp">
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="100dp" android:layout_marginBottom="10dp" android:background="@drawable/underline" android:gravity="center" android:padding="5dp"> <ImageView android:id="@+id/imgx_id" android:layout_width="70dp" android:layout_height="70dp" android:layout_marginRight="10dp" tools:srcCompat="@drawable/a0" /> <LinearLayout android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:gravity="center_vertical" android:orientation="vertical"> <TextView android:id="@+id/tvx_title" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="title" android:textColor="#03A9F4" android:textSize="20dp" android:textStyle="bold" /> <TextView android:id="@+id/tvx_artist" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="artist" android:textColor="@color/design_default_color_error" android:textSize="15dp" android:textStyle="bold" /> </LinearLayout> <LinearLayout android:layout_width="60dp" android:layout_height="match_parent" android:gravity="center" android:orientation="horizontal" > <TextView android:id="@+id/tvx_duration" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="@color/black" android:layout_weight="1" android:text="TextView" android:textSize="15dp" /> </LinearLayout> </LinearLayout>
总结
大家喜欢的话,给个👍,点个关注!继续跟大家分享敲代码过程中遇到的问题!
版权声明:
发现你走远了@mzh原创作品,转载必须标注原文链接
Copyright 2022 mzh
Crated:2022-1-8
-
Android中EditText如何去除边框添加下划线
2020-09-02 18:36:24主要介绍了Android中EditText如何去除边框添加下划线的相关资料,需要的朋友可以参考下 -
TextView的巧妙使用,利用drawableBottom实现控件下方带分割线的效果
2020-05-18 10:00:59 -
Android实现EditText添加下划线
2020-08-27 01:07:38主要为大家详细介绍了Android如何实现给EditText添加下划线,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 -
Android代码-带下划线的验证码输入框。
2019-08-07 03:49:19带下划线的验证码输入框 gradle使用: Add it in your root build.gradle at the end of repositories: allprojects { repositories { ... maven { url 'https://jitpack.io' } } } 添加依赖: ... -
Android如何自定义EditText光标与下划线颜色详解
2020-08-29 17:36:17在android开发中 EditTextText是我们经常用到的,我们使用时会有一些小问题,下面这篇文章主要给大家介绍了关于利用Android如何自定义EditText光标与下划线颜色的相关资料,需要的朋友可以参考借鉴,下面来一起看看... -
shape与selector配合使用实现Tab下划线效果
2019-08-02 13:32:13在使用Tabhost和ViewPager实现tab翻页...这里不打算用图片当背景,而是通过shape来画下划线。 对于一个tab的布局, <RelativeLayout> <TextView /> <View android:width="match_parent" ... -
使用geotools导入shp文件到Oracle数据库时表名带下划线问题的解决方法
2020-09-10 01:32:08主要介绍了使用geotools导入shp文件到Oracle数据库时表名带下划线的问题解决 的相关资料,需要的朋友可以参考下 -
Android-VerifyEditText-带下划线的验证码输入框
2019-08-12 18:08:17VerifyEditText - 带下划线的验证码输入框 -
如何去掉a标签的下划线
2020-12-21 19:33:30代表一个链接源(就是链接到什么地方) hreflang -- 指出了链接到的页面所使用的语言编码 rel -- 代表文档与链接到的内容(href所指的内容)的关系 rev -- 代表文档与链接到的内容(href所指的内容)的关系 shape -- 使用... -
shape绘制形状基础详细解析
2021-12-18 13:08:21android 的样式主要则是通过 shape、selector、layer-list、level-list、style、theme、layer、bitmap 等组合实现 这篇文章主要介绍最基础的形状定义工具shape 1.Android develelopers官方解释 Defines a generic ... -
关于android:如何在EditText中隐藏下划线
2021-06-05 08:47:54并将其设置为背景: xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> android:top="8dp" android:bottom="8dp" android:left="8dp" android:right="8dp" /> 注:我实际使用... -
Android 给EditText添加下划线
2019-08-20 10:57:01在安卓高版本中,默认是有下划线的,其下划线的颜色是由其主题颜色来控制的 <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> <!-- Customize your theme here. --> <item ... -
a标签去掉下划线
2021-06-01 16:16:49代表一个链接源(就是链接到什么地方) hreflang – 指出了链接到的页面所使用的语言编码 rel – 代表文档与链接到的内容(href所指的内容)的关系 rev – 代表文档与链接到的内容(href所指的内容)的关系 shape – 使用... -
android实现对导航Tab设置下划线选中效果
2021-06-05 11:23:35此linearLayout只有两个Button ,当选中Button1,Button1有个下划线选中效果。当选中Buton2,Button2有个下划线选中效果。如下图。package com.daoge.直接看效果。此linearLayout只有两个Button ,当选中Button1,Button... -
Android-代码动态创建Shape并运用到控件背景(GradientDrawable)
2021-01-17 16:51:14最近再做通用弹窗的封装FanChael/CommonPopupWindow,在涉及到注册、登录弹窗的时候,为了统一色调(光标、下划线、按钮、文本框),用户调用时会传入颜色“#xxxxxxx”,这个时候就需要修改按钮、文本框的背景shape的... -
自定义EditText设置底部下划线在各种状态下颜色改变
2021-06-05 03:18:40项目中需要实现正常情况下一种默认色彩,获取焦点后下划线变色,如果失去焦点,检验输入值改变颜色。...background使用shape绘制android:bottom="1dp"android:left="-10dp"android:right="-10dp"an... -
View 下划线背景 drawable 实现方式
2021-11-02 16:17:54drawable 代码 <?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android=...-- This is the main color -->...shape> <solid android:color=.. -
xml布局中实现文字下划线的效果
2015-12-29 18:53:21最近在项目中正好碰到需求:给文字实现下划线的效果,在网上搜索了下,有提供方法,但是我想完全依靠xml布局去实现,然后试验了几次,最终只用了TextView做出了如下效果:下划线图片代码: <shape xmlns:android=... -
Android之自定义EditText光标和下划线颜色
2022-04-10 23:55:32运行工程,仔细观察可以看到光标和下划线都是粉红色的。现在就让我们循序渐进,先修改它的光标颜色。 [](()2、自定义光标颜色 ======================================================================= EditText ... -
textfield自定义下划线类型
2021-09-19 11:13:05swift textfield自定义下划线类型 ** TextField(“请输入内容”, text: $userName) .textFieldStyle(UnderLineTextFieldStyle()) .keyboardType(.default) public struct UnderLineTextFieldStyle : TextFieldStyle ... -
实现带有下划线的TextView
2019-08-02 18:10:57最近业务涉及到一个添加下划线的TextView,所以在这里记录一下实现的几种方法。 第一种:在drawable中自定义一个xml文件,可以自定义横线位置、高度和颜色。 <?xml version="1.0" encoding="utf-8"?> <... -
Android EditText加下划线
2020-06-09 10:09:39在res/drawable目录下新建样式文件 edit_background.xml。 <?xml version="1.0" encoding=... android:shape="rectangle"> <solid android:color="#efefef"/> <corners android:radius="5dp"/> -
android用shape画一条横线
2018-04-14 15:56:37在drawable目录下新建shape<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> &... -
Android完全自定义下划线的TabLayout
2020-04-01 11:08:38总有一些UI设计师觉得原生TabLayout的下划线样式不符合用户的审美,比如说,下划线的宽度要跟文本的宽度一样,下划线的样式要换成图片等等。TabLayout在这些需求面前显得那么无助,程序员被迫搬砖。 WeTa... -
布局添加下划线
2018-09-14 10:15:12使用shape的时候要注意设置size属性不设置宽高分割线就不会显示出来,如果使用line那填充颜色只能使用stroke来显示颜色 这个属性要和android:showDividers一起使用才会生效 如: android:divider="@...
收藏数
7,097
精华内容
2,838