android TextView下划线，圆角边框，数逐字显示，虚线边框， 渐变色背景框， 阴影背景框
2024-04-08 11:00:43
长方形
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"android:shape="rectangle"><size android:width="10dp" android:height="5dp" /><corners android:radius="2dp"/><solid android:color="@color/app_white" /> </shape>
#cccccc#E1E1E1#e5e5e5#dddddd#F5F5F5#F8F8F8#FAFAFA#E6E6E6xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"<?xml version="1.0" encoding="utf-8"?>
阴影背景框
内View 样式drawable
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"android:shape="rectangle"><solid android:color="@color/white" /><corners android:topLeftRadius="7dp" android:topRightRadius="7dp"android:bottomLeftRadius="7dp" android:bottomRightRadius="7dp" />
</shape>样式文件
<declare-styleable name="ShadowContainer"><attr name="containerShadowColor" format="color"/><attr name="containerShadowRadius" format="dimension"/><attr name="containerDeltaLength" format="dimension"/><attr name="containerCornerRadius" format="dimension"/><attr name="deltaX" format="dimension"/><attr name="deltaY" format="dimension"/><attr name="enable" format="boolean"/>
</declare-styleable>自定义阴影View
/**阴影效果*/
public class ShadowContainerAllEdge extends ViewGroup {private final float deltaLength;private final float cornerRadius;private final Paint mShadowPaint;private boolean drawShadow;public ShadowContainerAllEdge(Context context) {this(context, null);}public ShadowContainerAllEdge(Context context, AttributeSet attrs) {this(context, attrs, 0);}public ShadowContainerAllEdge(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.ShadowContainer);int shadowColor = a.getColor(R.styleable.ShadowContainer_containerShadowColor, Color.RED);
// int shadowColor = Color.RED;float shadowRadius = a.getDimension(R.styleable.ShadowContainer_containerShadowRadius, 0);deltaLength = a.getDimension(R.styleable.ShadowContainer_containerDeltaLength, 0);cornerRadius = a.getDimension(R.styleable.ShadowContainer_containerCornerRadius, 0);float dx = a.getDimension(R.styleable.ShadowContainer_deltaX, 0);float dy = a.getDimension(R.styleable.ShadowContainer_deltaY, 0);drawShadow = a.getBoolean(R.styleable.ShadowContainer_enable, true);a.recycle();mShadowPaint = new Paint();mShadowPaint.setStyle(Paint.Style.FILL);mShadowPaint.setAntiAlias(true);mShadowPaint.setColor(shadowColor);mShadowPaint.setShadowLayer(shadowRadius, dx, dy, shadowColor);}@Overrideprotected void onFinishInflate() {super.onFinishInflate();}@Overrideprotected void dispatchDraw(Canvas canvas) {if (drawShadow) {if (getLayerType() != LAYER_TYPE_SOFTWARE) {setLayerType(LAYER_TYPE_SOFTWARE, null);}View child = getChildAt(0);int left = child.getLeft();int top = child.getTop();int right = child.getRight();int bottom = child.getBottom();if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {canvas.drawRoundRect(left, top, right, bottom, cornerRadius, cornerRadius, mShadowPaint);} else {Path drawablePath = new Path();drawablePath.moveTo(left + cornerRadius, top);drawablePath.arcTo(new RectF(left, top, left + 2 * cornerRadius, top + 2 * cornerRadius), -90, -90, false);drawablePath.lineTo(left, bottom - cornerRadius);drawablePath.arcTo(new RectF(left, bottom - 2 * cornerRadius, left + 2 * cornerRadius, bottom), 180, -90, false);drawablePath.lineTo(right - cornerRadius, bottom);drawablePath.arcTo(new RectF(right - 2 * cornerRadius, bottom - 2 * cornerRadius, right, bottom), 90, -90, false);drawablePath.lineTo(right, top + cornerRadius);drawablePath.arcTo(new RectF(right - 2 * cornerRadius, top, right, top + 2 * cornerRadius), 0, -90, false);drawablePath.close();canvas.drawPath(drawablePath, mShadowPaint);}}super.dispatchDraw(canvas);}public void setDrawShadow(boolean drawShadow){if (this.drawShadow == drawShadow){return;}this.drawShadow = drawShadow;postInvalidate();}@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {super.onMeasure(widthMeasureSpec, heightMeasureSpec);if (getChildCount() != 1) {throw new IllegalStateException("子View只能有一个");}int measuredWidth = getMeasuredWidth();int measuredHeight = getMeasuredHeight();int widthMode = MeasureSpec.getMode(widthMeasureSpec);int heightMode = MeasureSpec.getMode(heightMeasureSpec);View child = getChildAt(0);LayoutParams layoutParams = (LayoutParams) child.getLayoutParams();int childBottomMargin = (int) (Math.max(deltaLength, layoutParams.bottomMargin) + 1);int childLeftMargin = (int) (Math.max(deltaLength, layoutParams.leftMargin) + 1);int childRightMargin = (int) (Math.max(deltaLength, layoutParams.rightMargin) + 1);int childTopMargin = (int) (Math.max(deltaLength, layoutParams.topMargin) + 1);int widthMeasureSpecMode;int widthMeasureSpecSize;int heightMeasureSpecMode;int heightMeasureSpecSize;if (widthMode == MeasureSpec.UNSPECIFIED){widthMeasureSpecMode = MeasureSpec.UNSPECIFIED;widthMeasureSpecSize = MeasureSpec.getSize(widthMeasureSpec);}else {if (layoutParams.width == LayoutParams.MATCH_PARENT) {widthMeasureSpecMode = MeasureSpec.EXACTLY;widthMeasureSpecSize = measuredWidth - childLeftMargin - childRightMargin;} else if (LayoutParams.WRAP_CONTENT == layoutParams.width) {widthMeasureSpecMode = MeasureSpec.AT_MOST;widthMeasureSpecSize = measuredWidth - childLeftMargin - childRightMargin;} else {widthMeasureSpecMode = MeasureSpec.EXACTLY;widthMeasureSpecSize = layoutParams.width;}}if (heightMode == MeasureSpec.UNSPECIFIED){heightMeasureSpecMode = MeasureSpec.UNSPECIFIED;heightMeasureSpecSize = MeasureSpec.getSize(heightMeasureSpec);}else {if (layoutParams.height == LayoutParams.MATCH_PARENT) {heightMeasureSpecMode = MeasureSpec.EXACTLY;heightMeasureSpecSize = measuredHeight - childBottomMargin - childTopMargin;} else if (LayoutParams.WRAP_CONTENT == layoutParams.height) {heightMeasureSpecMode = MeasureSpec.AT_MOST;heightMeasureSpecSize = measuredHeight - childBottomMargin - childTopMargin;} else {heightMeasureSpecMode = MeasureSpec.EXACTLY;heightMeasureSpecSize = layoutParams.height;}}measureChild(child, MeasureSpec.makeMeasureSpec(widthMeasureSpecSize, widthMeasureSpecMode), MeasureSpec.makeMeasureSpec(heightMeasureSpecSize, heightMeasureSpecMode));int parentWidthMeasureSpec = MeasureSpec.getMode(widthMeasureSpec);int parentHeightMeasureSpec = MeasureSpec.getMode(heightMeasureSpec);int height = measuredHeight;int width = measuredWidth;int childHeight = child.getMeasuredHeight();int childWidth = child.getMeasuredWidth();if (parentHeightMeasureSpec == MeasureSpec.AT_MOST){height = childHeight + childTopMargin + childBottomMargin;}if (parentWidthMeasureSpec == MeasureSpec.AT_MOST){width = childWidth + childRightMargin + childLeftMargin;}if (width < childWidth + 2 * deltaLength){width = (int) (childWidth + 2 * deltaLength);}if (height < childHeight + 2 * deltaLength){height = (int) (childHeight + 2 * deltaLength);}if (height != measuredHeight || width != measuredWidth){setMeasuredDimension(width, height);}}static class LayoutParams extends MarginLayoutParams{public LayoutParams(Context c, AttributeSet attrs) {super(c, attrs);}public LayoutParams(int width, int height) {super(width, height);}public LayoutParams(MarginLayoutParams source) {super(source);}public LayoutParams(ViewGroup.LayoutParams source) {super(source);}}@Overrideprotected ViewGroup.LayoutParams generateDefaultLayoutParams() {return new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);}@Overrideprotected ViewGroup.LayoutParams generateLayoutParams(ViewGroup.LayoutParams p) {return new LayoutParams(p);}@Overridepublic ViewGroup.LayoutParams generateLayoutParams(AttributeSet attrs) {return new LayoutParams(getContext(), attrs);}@Overrideprotected void onLayout(boolean changed, int l, int t, int r, int b) {View child = getChildAt(0);int measuredWidth = getMeasuredWidth();int measuredHeight = getMeasuredHeight();int childMeasureWidth = child.getMeasuredWidth();int childMeasureHeight = child.getMeasuredHeight();child.layout((measuredWidth - childMeasureWidth) / 2, (measuredHeight - childMeasureHeight) / 2, (measuredWidth + childMeasureWidth) / 2, (measuredHeight + childMeasureHeight) / 2);}
}
调用
app:containerDeltaLength——外围距离
app:containerCornerRadius——内内容半径
app:containerShadowRadius——阴影半径
<com.dlc.observabletest.ShadowContainerAllEdgeandroid:layout_width="200dp"android:layout_height="100dp"app:containerDeltaLength="2dp"app:containerShadowColor="#4D00C8D2"app:containerCornerRadius="7dp"app:containerShadowRadius="2dp"><TextViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:background="@drawable/shape_radius_14_white"android:text="aabb"></TextView></com.dlc.observabletest.ShadowContainerAllEdge>设置上下圆角
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"><solid android:color="@color/white" /><stroke android:width="1dp" android:color="@color/white"/><corners android:topLeftRadius="10dp"android:topRightRadius="10dp"android:bottomRightRadius="0dp"android:bottomLeftRadius="0dp" /></shape>
中空框
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"><stroke android:width="@dimen/normal_1dp" android:color="@color/color_EF611E"/><corners android:radius="@dimen/normal_5dp"/></shape>渐变色背景框
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"><corners android:radius="2pt" /><paddingandroid:bottom="0dp"android:left="0dp"android:right="0dp"android:top="0dp" /><gradientandroid:angle="180"android:endColor="@color/top_endc"android:startColor="@color/top_startc"android:type="linear"/></shape>虚线边框
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"><solid android:color="#ffffff" /><corners android:radius="10dp" /><strokeandroid:width="1dp"android:color="@color/color_linexulv"android:dashGap="3pt"android:dashWidth="6pt"/><paddingandroid:bottom="0dp"android:left="0dp"android:right="0dp"android:top="0dp" /></shape>在
drawable文件下创建 border_red.xml样式<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"><solid android:color="#ffffff" /><corners android:radius="30dp" /><strokeandroid:width="1dp"android:color="#c416ff" /><paddingandroid:bottom="5dp"android:left="10dp"android:right="10dp"android:top="5dp" /></shape>选中样式
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"><item android:state_pressed="true"><shape android:shape="rectangle"><solid android:color="#56eccb" /><corners android:radius="@dimen/normal_10dp" /></shape></item><item android:state_pressed="false"><shape android:shape="rectangle"><solid android:color="@color/public_color" /><corners android:radius="@dimen/normal_10dp" /></shape></item>
</selector><?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"><corners android:radius="40dp"/><solid android:color="@color/item_gank_grey"/>
</shape>引用
<TextViewandroid:id="@+id/item_gank_who"android:layout_width="50dp"android:layout_height="16dp"android:text="推荐"android:textColor="@color/item_gank_white"android:textSize="12sp"android:gravity="center"android:background="@drawable/border_red"/>无背景
holder.status.setBackgroundDrawable(null);固定在顶部
android:layout_alignParentTop="true"边框颜色
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"><strokeandroid:color="@color/company_info_blue"android:width="1dp"/><solid android:color="@color/white"/><corners android:radius="5dp"/>
</shape>
人民币
￥获取URL键值
final String epId = TextUtil.URLRequest(link).get("param");public class TextUtil {public static boolean isEmpty(String str) {return TextUtils.isEmpty(str) || "null".equals(str);}//判断是否有表情public static boolean isEmojiCharacter(char codePoint) {return !(((codePoint == 0x0) || (codePoint == 0x9) || (codePoint == 0xA) || (codePoint == 0xD) || ((codePoint >= 0x20) && codePoint <= 0xD7FF)) || ((codePoint >= 0xE000) && (codePoint <= 0xFFFD)) || ((codePoint >= 0x10000) && (codePoint <= 0x10FFFF)));}// 设置下划线public static TextView setBelowLine(TextView textView) {textView.getPaint().setFlags(Paint.UNDERLINE_TEXT_FLAG); // 下划线return textView;}// 设置斜体字public static SpannableString setSpanWord(String word) {SpannableString sp = new SpannableString(word);// 设置斜体sp.setSpan(new StyleSpan(android.graphics.Typeface.BOLD_ITALIC), 0,word.length(), Spannable.SPAN_EXCLUSIVE_INCLUSIVE);return sp;}// 设置字体颜色public static SpannableStringBuilder setStringColor(String word,String changePart, String color) {char[] c = changePart.toCharArray();int lastIndex = c.length - 1;int start = word.indexOf(c[0]);int end = start + lastIndex + 1;SpannableStringBuilder style = new SpannableStringBuilder(word);style.setSpan(new ForegroundColorSpan(Color.parseColor(color)), start,end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);return style;}/*** 格式化要显示的字符串，做非空判断* 该方法主要做用在ui显示这一块，用于更好地显示字符，防止null字符出现和空指针** @param str 要验证的字符串* @return 参数若为空或“”或null字符串，则返回空，反之直接返回原有值*/public static String formatString(String str) {if (TextUtils.isEmpty(str))return null;if ("null".equalsIgnoreCase(str))return null;return str;}/*** 去掉url中的路径，留下请求参数部分* @param strURL url地址* @return url请求参数部分*/private static String TruncateUrlPage(String strURL){String strAllParam=null;String[] arrSplit=null;strURL=strURL.trim().toLowerCase();arrSplit=strURL.split("[?]");if(strURL.length()>1){if(arrSplit.length>1){if(arrSplit[1]!=null){strAllParam=arrSplit[1];}}}return strAllParam;}/*** 解析出url参数中的键值对* 如 "index.jsp?Action=del&id=123"，解析出Action:del,id:123存入map中* @param URL url地址* @return url请求参数部分*/public static Map<String, String> URLRequest(String URL){Map<String, String> mapRequest = new HashMap<String, String>();String[] arrSplit=null;String strUrlParam=TruncateUrlPage(URL);if(strUrlParam==null){return mapRequest;}//每个键值为一组 www.2cto.comarrSplit=strUrlParam.split("[&]");for(String strSplit:arrSplit){String[] arrSplitEqual=null;arrSplitEqual= strSplit.split("[=]");//解析出键值if(arrSplitEqual.length>1){//正确解析mapRequest.put(arrSplitEqual[0], arrSplitEqual[1]);}else{if(arrSplitEqual[0]!=""){//只有参数没有值，不加入mapRequest.put(arrSplitEqual[0], "");}}}return mapRequest;}
}
逐字显示
/*** 作者：created by meixi* 邮箱：15913707499@163.com* 日期：2019/4/23 11*/public class FadeInTextView extends TextView {private Rect textRect = new Rect();private StringBuffer stringBuffer = new StringBuffer();private String[] arr;private int textCount;private int currentIndex = -1;/*** 每个字出现的时间*/private int duration = 300;private ValueAnimator textAnimation;private TextAnimationListener textAnimationListener;public FadeInTextView setTextAnimationListener(TextAnimationListener textAnimationListener) {this.textAnimationListener = textAnimationListener;return this;}public FadeInTextView(Context context) {this(context, null);}public FadeInTextView(Context context, @Nullable AttributeSet attrs) {super(context, attrs);}@Overrideprotected void onDraw(final Canvas canvas) {super.onDraw(canvas);
// 使用setText代替重绘就不用自己去绘制text了
// if (stringBuffer != null) {
// drawText(canvas, stringBuffer.toString());
// }}/*** 绘制文字** @param canvas 画布*/private void drawText(Canvas canvas, String textString) {textRect.left = getPaddingLeft();textRect.top = getPaddingTop();textRect.right = getWidth() - getPaddingRight();textRect.bottom = getHeight() - getPaddingBottom();Paint.FontMetricsInt fontMetrics = getPaint().getFontMetricsInt();int baseline = (textRect.bottom + textRect.top - fontMetrics.bottom - fontMetrics.top) / 2;//文字绘制到整个布局的中心位置canvas.drawText(textString, getPaddingLeft(), baseline, getPaint());}/*** 文字逐个显示动画 通过插值的方式改变数据源*/private void initAnimation() {//从0到textCount - 1 是设置从第一个字到最后一个字的变化因子textAnimation = ValueAnimator.ofInt(0, textCount - 1);//执行总时间就是每个字的时间乘以字数textAnimation.setDuration(textCount * duration);//匀速显示文字textAnimation.setInterpolator(new LinearInterpolator());textAnimation.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {@Overridepublic void onAnimationUpdate(ValueAnimator valueAnimator) {int index = (int) valueAnimator.getAnimatedValue();//过滤去重，保证每个字只重绘一次if (currentIndex != index) {stringBuffer.append(arr[index]);currentIndex = index;//所有文字都显示完成之后进度回调结束动画if (currentIndex == (textCount - 1)) {if (textAnimationListener != null) {textAnimationListener.animationFinish();}}//新思路的做法setText(stringBuffer.toString());/*** 之前的做法刷新重绘text,需要自己控制文字的绘制，* 看到网友的评论开拓了思路，既然是直接集成TextView* 就可以直接使用setText()方法进行设置值了*///invalidate();老思路的做法}}});}/*** 设置逐渐显示的字符串** @param textString* @return*/public FadeInTextView setTextString(String textString) {if (textString != null) {//总字数textCount = textString.length();//存放单个字的数组arr = new String[textCount];for (int i = 0; i < textCount; i++) {arr[i] = textString.substring(i, i + 1);}initAnimation();}return this;}/*** 开启动画** @return*/public FadeInTextView startFadeInAnimation() {if (textAnimation != null) {stringBuffer.setLength(0);currentIndex = -1;textAnimation.start();}return this;}/*** 停止动画** @return*/public FadeInTextView stopFadeInAnimation() {if (textAnimation != null) {textAnimation.end();}return this;}/*** 回调接口*/public interface TextAnimationListener {void animationFinish();}
}
fadeInTextView = (FadeInTextView)findViewById(R.id.fadete);
fadeInTextView.setTextString("自定义view实现字符串逐字显示！");
fadeInTextView.startFadeInAnimation();view边框控制：https://blog.csdn.net/meixi_android/article/details/77374362
android TextView下划线，圆角边框，数逐字显示，虚线边框， 渐变色背景框， 阴影背景框相关推荐
- mac Word中设置下划线之后文字后面不显示的问题解决
mac Word中设置下划线之后文字后面不显示的问题解决 这里也是找了很久解决方法发现大多数都是直接能够找到设置啥啥啥,但是 mac 我在操作的时候一直没找到方法. 这里突然发现就是有一个解决的小方式 ...
- android 未读信息反复提醒,Android仿微信未读消息数提示显示数字BadgeView大于99条显示99+...
[实例简介] Android仿微信未读消息数提示显示数字BadgeView大于99条显示99+ [实例截图] [核心代码] BadgeView └── BadgeView ├── app │ ├─ ...
- android TextView 中划线、下划线 跑马灯
文字内容可以直接在values文件夹下strings里直接设置id 在activate中直接引用id即可(方便修改) 在这里插入代码片 插入图标 将图片放在drawable下 android:draw ...
- Android TextView中划线、下划线、跑马灯的简单使用
本人安卓初学者,小白一枚,希望以写博客的方法巩固已学的技能,讲的可能不好,望大家见谅! 不墨迹 直接上 效果图 TextView 中划线 和 下划线 xml文件中(中划线和下划线一样 有个 id 就行 ...
- android span 下划线,Android TextView实现部分文字(超链接/Span)点击事件、变色、去除下划线...
马上8月结束了,深海决定写点东西分享给大家,祝各位程序猿身体健康万事如意. 废话不多说,直接上图: 如图中蓝色文字的效果,需求如下: 1,点击跳转到另一个页面 2.去除下划线 3.颜色自定义 第一步: ...
- 设置TextView下划线并响应点击事件(SpannableString)
下面是一个20行的完整Demo代码:基本原理是使用一个SpannableString并设置其ClickableSpan来响应点击事件. TextView useInfo = (TextView) fi ...
- Android TextView使用HTML处理字体样式、显示图片等
一般情况下,TextView中的文本都是一个样式.那么如何对于TextView中各个部分的文本来设置字体,大小,颜色,样式,以及超级链接等属性呢?下面我们通过SpannableString的具体实例操 ...
- WPS添加下划线，文字尾部不显示下划线问题解决（一个So stupid问题）
记录一个傻瓜操作,嗯,更想删WPS了. 一.问题如下 首先如图: 选择wps中的下划线操作 理想中他应该是这样的: 选中的内容应该在下划线中间,是吧,默认正常操作就应该这样. 实际上它出来的效果是这样 ...
- html2canvas不识别边框,html2canvas 实现dashed虚线边框
html2canvas是一个将html元素生成canvas的库,绘制的canvas大部分样式和CSS一致.比如截止1.0.0-alpha.12,虚线边框依然绘制为实线,border-collapse依 ...
最新文章
- (转)TabContainer要实现服务器端回传
- 让你的网站提速：图片优化网站推荐
- php 如何把u5fb,php如何将json中的unicode编码转为汉字？
- 最有影响力的自然语言处理NLP论文
- 玩游戏计算机缺失msvcp140,玩英雄联盟提示电脑缺少msvcp140.dll怎么办
- GitHub 版本控制 项目托管 04 创建GitHub远程仓库
- js 运行中断停止_javascript 终止函数执行操作
- SVM入门（五）线性分类器的求解——问题的描述Part2
- 适用于物联网数据共享的区块链节点存储优化方案
- SCI论文下载之chrome插件
- go int转byte
- Coap协议（1）入门简介
- Ubuntu14.04安装LSD-SLAM
- 设置vs2107背景图片
- 在公众号中通过链接下载APP时,如何不通过应用宝,直接跳浏览器下载？
- 小米重大变革：成立十个一级部门大量启用80后 向雷军汇报
- ad stm8l 热电偶_STM8L之ADC
- 新手入门C语言常见的问题总结（一）
- JMeter-两种控制Sampler执行线程数量的方法
- Jetpack新成员，一篇文章带你玩转Hilt和依赖注入