自定义View -- 柱状图 我也来自定义个柱状图来玩玩

2024-02-16 00:30

本文主要是介绍自定义View -- 柱状图 我也来自定义个柱状图来玩玩,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

遇到要用到图的时候总是再找第三方开源,但有时这个图非常简单,用第三方开源来用的话有点得不偿失,所以我就自己撸了个柱状图出来

当然你如果觉得需求很复杂,那么你可以去使用这些开源

MPAndroidChart

hellocharts-android

XCL-Charts

Android-Charts

还有的自己查https://github.com/search?l=Java&o=desc&q=charts&s=stars&type=Repositories&utf8=%E2%9C%93

先看效果图:

 

一张不过瘾来,再来一张大的复用的试试来 (下边的图片不是卡哈,因为上面的是按33fps录的下面的图片用的是10fps录的所以看起来有点卡一样

是不是很爽

来看看代码

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.DashPathEffect;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.PathEffect;
import android.graphics.RectF;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.util.Log;
import android.view.View;import java.util.ArrayList;
import java.util.List;/*** @date 创建时间 2018/3/11* @author mdm* @Description  自定义柱状图* @Version 1.0*/
public class BarGraphView extends View {private float itemWidth = 310;private float itemHeight = 310;private float barWidth; //默认柱子的宽度private float barHeight; //柱子的高度private float cellHeigh = 1;  //按照list的最大值算出的1点的heightprivate float widthSpace; //默认柱子的间距private float viewMargin = 20; //整个view的外边距private float textHeight; //显示文字高度private Paint colorBarPaint; //柱状图画笔private Paint textPaint; //文字画笔private RectF barRectf;private List<BarGraphInfo> mList;//共有多少个柱状图private int barCount;private float startX;private float startY;//不同分辨率的比例 这个好像没用上  private float scaleWidth = 1;private float scaleHeight = 1;private float maxBarHeight;//最大的柱状图高度//最小的柱子的高度private float minBarHeight = 99999;
private int defualtColor = Color.parseColor("#ffffff"); //默认白色public BarGraphView(Context context) {this(context,null);}public BarGraphView(Context context, @Nullable AttributeSet attrs) {super(context, attrs);//获取不同屏幕的比例大小  这后来想想取比例没什么意义DisplayMetrics dm = getResources().getDisplayMetrics();int width = dm.widthPixels;int height = dm.heightPixels;scaleWidth = width / 1920;scaleHeight = height / 1080;init();}public BarGraphView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {this(context, attrs);}private void init() {//初始化画笔colorBarPaint = new Paint();colorBarPaint.setAntiAlias(true);//设置矩形barRectf = new RectF();textPaint = new Paint();//根据各个手机分辨率不同算出margin的间距大小viewMargin = scaleWidth>scaleHeight? scaleWidth * viewMargin: scaleHeight*viewMargin;}@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {super.onMeasure(widthMeasureSpec, heightMeasureSpec);int widthSize = MeasureSpec.getSize(widthMeasureSpec);int widthMode = MeasureSpec.getMode(widthMeasureSpec);int heightSize = MeasureSpec.getSize(heightMeasureSpec);int heightMode = MeasureSpec.getMode(heightMeasureSpec);if(widthMode == MeasureSpec.EXACTLY){itemWidth = widthSize - (2 * viewMargin); //减去外边距startX = viewMargin; //起始位置定位到默认的
        }if(heightMode == MeasureSpec.EXACTLY){itemHeight = heightSize - (2 * viewMargin);startY = viewMargin;}}@Overrideprotected void onLayout(boolean changed, int left, int top, int right, int bottom) {super.onLayout(changed, left, top, right, bottom);Log.i("tag","itemWidth" + itemWidth);Log.i("tag","getMeasuredWidth()" + getMeasuredWidth());//默认初始化数据mList = new ArrayList<>();{mList.add(new BarGraphInfo(Color.DKGRAY,"小鸡",200));mList.add(new BarGraphInfo(Color.YELLOW,"66",100));mList.add(new BarGraphInfo(Color.GRAY,"what",50));mList.add(new BarGraphInfo(Color.BLUE,"99",80));mList.add(new BarGraphInfo(Color.RED,"什么鬼?",90));
//            mList.add(new BarGraphInfo(Color.LTGRAY,"哈哈",150));
//            mList.add(new BarGraphInfo(Color.CYAN,"西西",110));
//            mList.add(new BarGraphInfo(Color.MAGENTA,"东欧",250));
//            mList.add(new BarGraphInfo(Color.DKGRAY,"how",90));
//            mList.add(new BarGraphInfo(Color.BLACK,"why",300));
        }Log.i("tag","viewMargin" + viewMargin);setList(mList);}private int totalTime = 100;private int currentTime = 0; //当前已绘制的次数
    @Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);currentTime++;float left = startX + widthSpace;//画矩形for (int i = 0;i < barCount;i++){//计算出高度barHeight = cellHeigh * mList.get(i).num;barHeight = barHeight/totalTime*currentTime;//设置颜色
            colorBarPaint.setColor(mList.get(i).color);barRectf = new RectF();float barLeft = left + i * barWidth;float top = (startY + textHeight + maxBarHeight) - barHeight;float right = left + (i + 1) * barWidth;float bottom = startY + textHeight + maxBarHeight;barRectf.set(barLeft,top,right,bottom);canvas.drawRect(barRectf,colorBarPaint);//画subTitleRectF textRectF = new RectF();float subTitleLeft = left + i * barWidth;float subTitleTop = startY + textHeight + maxBarHeight;float subTitleRight = left + (i + 1) * barWidth;float subTitleBottom = startY + textHeight + maxBarHeight + textHeight;textRectF.set(subTitleLeft,subTitleTop,subTitleRight,subTitleBottom);drawText(canvas,textRectF,mList.get(i).subTitle,mList.get(i).color);//画numRectF numRectF = new RectF();float numLeft = left + i * barWidth;float numTop = (startY + textHeight + maxBarHeight) - barHeight - textHeight;float numRight = left + (i + 1) * barWidth;float numBottom = (startY + textHeight + maxBarHeight) - barHeight;numRectF.set(numLeft,numTop,numRight,numBottom);drawText(canvas,numRectF,String.valueOf(mList.get(i).num),mList.get(i).color);left += barWidth;}float lineY = (startY + textHeight + maxBarHeight - (minBarHeight/totalTime * currentTime));Paint paint = new Paint();paint.setStyle(Paint.Style.STROKE);paint.setColor(Color.DKGRAY);Path path = new Path();path.moveTo(startX + 5 , lineY);path.lineTo(itemWidth + widthSpace,lineY);PathEffect effects = new DashPathEffect(new float[]{15,15},2);paint.setPathEffect(effects);canvas.drawPath(path,paint);if(currentTime < totalTime){postInvalidate();}}//画文字居中private void drawText(Canvas canvas,RectF rectF,String text,int color){if(color == 0) {textPaint.setColor(Color.BLACK);}else{textPaint.setColor(color);}textPaint.setTextSize(15);textPaint.setAntiAlias(true);textPaint.setStyle(Paint.Style.FILL);//该方法即为设置基线上那个点究竟是left,center,还是right  这里我设置为center
        textPaint.setTextAlign(Paint.Align.CENTER);Paint.FontMetrics fontMetrics = textPaint.getFontMetrics();float top = fontMetrics.top;//为基线到字体上边框的距离,即上图中的topfloat bottom = fontMetrics.bottom;//为基线到字体下边框的距离,即上图中的bottomint baseLineY = (int) (rectF.centerY() - top/2 - bottom/2);//基线中间点的y轴计算公式
        canvas.drawText(text,rectF.centerX(),baseLineY,textPaint);}class BarGraphInfo{private int color;private String subTitle;private float num;public BarGraphInfo(int color,String subTitle,float num){this.color = color;this.subTitle = subTitle;this.num = num;}}/*** 设置数据源* @param list*/public void setList(List<BarGraphInfo> list){if(list == null && list.size() <= 0){return;}mList = list;barCount = list.size();//多少个柱状图float avgWidth = itemWidth / barCount;barWidth = avgWidth / 2;  //获取状图的宽度widthSpace = avgWidth / 4;  //获取间隙float maxNum = 0;float minNum = list.get(0).num;for (BarGraphInfo info : mList){//获取最大值if(info.num > maxNum){maxNum = info.num;}if(info.num < minNum){minNum = info.num;}}//获取柱状图最大显示区域  平分高度10份,6份用来显示最大柱状图,2份高度用来显示下面的文字,2份用来显示柱状图上面的文字maxBarHeight = (itemHeight/10)*8;textHeight = (itemHeight/10) * 1; //文字高度
cellHeigh = maxBarHeight/maxNum;  //平均每num = 1 时的高度
minBarHeight = cellHeigh * minNum; //最小柱状图的高度
        postInvalidate();}

 直接复制就可以用,就处理下BarGraphInfo ,就可以了,是不是很简单。

 

注意注意:由于需求变动,我又改成了多层柱状图的形式废话不多说看效果图

还可以吧,来继续放代码

 

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.os.Handler;
import android.support.annotation.Nullable;
import android.text.TextPaint;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;import java.util.ArrayList;
import java.util.List;/*** @date 创建时间 2018/3/11* @author mdm* @Description  多层叠加柱状图* @Version 1.0*/
public class MtulLayerBarGraphView extends View {private boolean isLoadNewData = false;private float itemWidth = 310;private float itemHeight = 310;private float barWidth = 20; //默认柱子的宽度private float barHeight = 50; //柱子的高度private float cellHeigh = 1;  //按照list的最大值算出的1点的heightprivate float widthSpace = 10; //默认柱子的间距private float viewMargin = 20; //整个view的外边距private float textHeight; //显示文字高度private Paint colorBarPaint; //柱状图画笔private TextPaint textPaint; //文字画笔//柱状图的柱形矩形private RectF barRectf;private List<List<BarGraphInfo>> mList;private List<List<BarGraphInfo>> mDefaultList;//共有多少个柱状图private int barCount;private float startX;private float startY;private float maxBarHeight;//最大的柱状图高度//数据中最小的柱子的高度 ,用来判断虚线显示位置的private float minBarHeight = 99999;//不同分辨率的比例外边框相对默认比例private float scaleMargin = 1;
//    private float scaleBarWidth = 1;//默认在这个标准下的宽度和高度图形的字符和其他正常private int defualtWidth = 480;private int defualtHeight = 440;
//    private int defualtBarWidth = 44; //柱状图个默认44宽public MtulLayerBarGraphView(Context context) {this(context,null);}public MtulLayerBarGraphView(Context context, @Nullable AttributeSet attrs) {super(context, attrs);//获取不同屏幕的比例大小
//        DisplayMetrics dm = getResources().getDisplayMetrics();
//        int width = dm.widthPixels;
//        int height = dm.heightPixels;
//        scaleWidth = width / 1920;
//        scaleHeight = height / 1080;
        init();}public MtulLayerBarGraphView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {this(context, attrs);}private void init() {//初始化画笔colorBarPaint = new Paint();colorBarPaint.setAntiAlias(true);//设置矩形barRectf = new RectF();textPaint = new TextPaint();//默认初始化数据mDefaultList = new ArrayList<>();List<BarGraphInfo> listOne = new ArrayList<>();listOne.add(new BarGraphInfo(Color.DKGRAY,"主布A",100));listOne.add(new BarGraphInfo(Color.YELLOW,"主布A",200));List<BarGraphInfo> listTwo = new ArrayList<>();listTwo.add(new BarGraphInfo(Color.DKGRAY,"主布C",200));listTwo.add(new BarGraphInfo(Color.YELLOW,"主布D",400));List<BarGraphInfo> listThree = new ArrayList<>();listThree.add(new BarGraphInfo(Color.DKGRAY,"主布E",300));listThree.add(new BarGraphInfo(Color.YELLOW,"主布F",100));List<BarGraphInfo> listFour = new ArrayList<>();listFour.add(new BarGraphInfo(Color.DKGRAY,"主布G",200));listFour.add(new BarGraphInfo(Color.YELLOW,"主布H",100));mDefaultList.add(listOne);mDefaultList.add(listTwo);mDefaultList.add(listThree);mDefaultList.add(listFour);}@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {super.onMeasure(widthMeasureSpec, heightMeasureSpec);int widthSize = MeasureSpec.getSize(widthMeasureSpec);int widthMode = MeasureSpec.getMode(widthMeasureSpec);int heightSize = MeasureSpec.getSize(heightMeasureSpec);int heightMode = MeasureSpec.getMode(heightMeasureSpec);//        if(widthMode == MeasureSpec.EXACTLY){
//
//            scaleMargin = ((widthSize/defualtWidth)+(heightSize/defualtHeight))/2;
//
//            //根据各个手机分辨率不同算出margin的间距大小
//            viewMargin = scaleMargin * viewMargin;
//            if(viewMargin == 0){
//                viewMargin = 20;
//                startY = 20;
//            }
//            itemWidth = widthSize - (2 * viewMargin); //减去外边距
//            startX = viewMargin; //起始位置定位到默认的
//        }
//
//        if(heightMode == MeasureSpec.EXACTLY){
//            //根据各个手机分辨率不同算出margin的间距大小
//            viewMargin = scaleMargin * viewMargin;
//            if(viewMargin == 0){
//                viewMargin = 20;
//                startX = 20;
//            }
//            itemHeight = heightSize - (2 * viewMargin);
//        }
    }@Overrideprotected void onLayout(boolean changed, int left, int top, int right, int bottom) {super.onLayout(changed, left, top, right, bottom);//
        scaleMargin = ((getMeasuredWidth()/defualtWidth)+(getMeasuredHeight()/defualtHeight))/2;//根据各个手机分辨率不同算出margin的间距大小viewMargin = scaleMargin * viewMargin;itemWidth = getMeasuredWidth() - (2 * viewMargin); //减去外边距startX = viewMargin; //起始位置定位到默认的
itemHeight = getMeasuredHeight() - (2 * viewMargin);startY = viewMargin;Log.i("tag","itemWidth = " + itemWidth);Log.i("tag","itemHeight = " + itemHeight);Log.i("tag","viewMargin = " + viewMargin);Log.i("tag","onLayout()");if(!isLoadNewData) {isLoadNewData = true;new Handler().postDelayed(new Runnable() {@Overridepublic void run() {setList(mDefaultList);}},3000);}}private int totalTime = 50; //总绘制次数,用来控制绘制速度private int currentTime = 0; //当前已绘制的次数
    @Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);currentTime++;float left = startX + widthSpace;//画矩形for (int i = 0;i < barCount;i++){List<BarGraphInfo> list = mList.get(i);float itemHeightSum = 0;for(int j = 0; j < list.size();j++){//计算出高度barHeight = cellHeigh * list.get(j).num;barHeight = barHeight/totalTime*currentTime;itemHeightSum += barHeight;//设置颜色
                colorBarPaint.setColor(list.get(j).color);barRectf = new RectF();float barLeft = left + i * barWidth;float top = (startY + textHeight + maxBarHeight) - itemHeightSum;float right = left + (i + 1) * barWidth;float bottom = startY + textHeight + maxBarHeight - (itemHeightSum - barHeight) ;barRectf.set(barLeft,top,right,bottom);canvas.drawRect(barRectf,colorBarPaint);//画num
//                RectF numRectF = new RectF();
//                float numLeft = left + i * barWidth;
//                float numTop = (startY + textHeight + maxBarHeight) - barHeight - textHeight;
//                float numRight = left + (i + 1) * barWidth;
//                float numBottom = (startY + textHeight + maxBarHeight) - barHeight;
//                numRectF.set(numLeft,numTop,numRight,numBottom);drawText(canvas,barRectf,String.valueOf(list.get(j).num == 0? 0 : list.get(j).num),Color.RED,false);}//画subTitleRectF textRectF = new RectF();float subTitleLeft = left + i * barWidth;float subTitleTop = startY + textHeight + maxBarHeight;float subTitleRight = left + (i + 1) * barWidth;float subTitleBottom = startY + textHeight + maxBarHeight + textHeight;textRectF.set(subTitleLeft,subTitleTop,subTitleRight,subTitleBottom);drawText(canvas,textRectF,"配套总览",list!= null && list.size()>0?list.get(0).color:Color.DKGRAY,true);//            //画num
//            RectF numRectF = new RectF();
//            float numLeft = left + i * barWidth;
//            float numTop = (startY + textHeight + maxBarHeight) - barHeight - textHeight;
//            float numRight = left + (i + 1) * barWidth;
//            float numBottom = (startY + textHeight + maxBarHeight) - barHeight;
//            numRectF.set(numLeft,numTop,numRight,numBottom);
//            drawText(canvas,numRectF,String.valueOf(mList.get(i).num == 0? 0 : mList.get(i).num),mList.get(i).color,false);
left += barWidth;}//用来刷新数据的if (currentTime < totalTime) {postInvalidate();}}//画文字居中private void drawText(Canvas canvas,RectF rectF,String text,int color,boolean isTitle){if(color == 0) {textPaint.setColor(Color.BLACK);}else{textPaint.setColor(color);}float textSize = barWidth/44 * 18 > 23 ? 23 : 18 * (barWidth / 44);textSize = textSize < 15 ? 15 : textSize;textPaint.setTextSize(textSize);textPaint.setAntiAlias(true);textPaint.setStyle(Paint.Style.FILL);//该方法即为设置基线上那个点究竟是left,center,还是right  这里我设置为center
        textPaint.setTextAlign(Paint.Align.CENTER);Paint.FontMetrics fontMetrics = textPaint.getFontMetrics();float top = fontMetrics.top;//为基线到字体上边框的距离,即上图中的topfloat bottom = fontMetrics.bottom;//为基线到字体下边框的距离,即上图中的bottomint baseLineY = (int) (rectF.centerY() - top/2 - bottom/2);//基线中间点的y轴计算公式if(isTitle) {//换行 拆开换行int group = (int) (4 * (barWidth / 44));if (text.length() > group) {int count = text.length() % group >= 1 ? text.length() / group + 1 : text.length() / group;for (int i = 0; i < count; i++) {if ((i + 1) * group < text.length()) {canvas.drawText(text.substring(i * group, (i + 1) * group), rectF.centerX(), baseLineY + (i * rectF.height() / 2), textPaint);} else {canvas.drawText(text.substring(i * group, text.length()), rectF.centerX(), baseLineY + (i * rectF.height() / 2), textPaint);}}} else {canvas.drawText(text, rectF.centerX(), baseLineY, textPaint);}}else{canvas.drawText(text, rectF.centerX(), baseLineY, textPaint);}}public static class BarGraphInfo{private int color;private String subTitle;private float num;private String keyInfo; //记录关键信息public BarGraphInfo(){}public BarGraphInfo(int color,String subTitle,float num){this.color = color;this.subTitle = subTitle;this.num = num;}public BarGraphInfo(int color,String subTitle,float num,String keyInfo){this.color = color;this.subTitle = subTitle;this.num = num;this.keyInfo = keyInfo;}public String getKeyInfo(){return keyInfo;}}/*** 设置数据源* @param list*/public void setList(List<List<BarGraphInfo>> list){setList(list,0);}/*** 设置数据源* @param list  数据源* @param maxNum 设置默认最大数据值*/public void setList(List<List<BarGraphInfo>> list,float maxNum){currentTime = 0;if(list == null || list.size() <= 0){mList = mDefaultList;}else{mList = list;}barCount = mList.size();//多少个柱状图float avgWidth = itemWidth / barCount;barWidth = avgWidth / 2;  //获取状图的宽度widthSpace = avgWidth / 4;  //获取间隙for(List<BarGraphInfo> subList : list){int subSum = 0;for(BarGraphInfo info : subList){subSum += info.num;}if(subSum > maxNum){maxNum = subSum;}}if(maxNum == 0){maxNum = 100;}//获取柱状图最大显示区域  平分高度10份,6份用来显示最大柱状图,2份高度用来显示下面的文字,2份用来显示柱状图上面的文字maxBarHeight = (itemHeight/10) * maxBarHeightWt;textHeight = (itemHeight/10) * textHeightWt; //文字RectF高度cellHeigh = maxBarHeight/maxNum;  //平均每num = 1 时的高度
        postInvalidate();}//最大柱状图的比重 高度相对于控件总高度的比重private int maxBarHeightWt = 8;//文字高度相对于控件总高度的比重private int textHeightWt = 1;
}

复制就可以了,简单吧

 

转载于:https://www.cnblogs.com/woaixingxing/p/8570045.html

这篇关于自定义View -- 柱状图 我也来自定义个柱状图来玩玩的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/712983

相关文章

Spring Security自定义身份认证的实现方法

《SpringSecurity自定义身份认证的实现方法》:本文主要介绍SpringSecurity自定义身份认证的实现方法,下面对SpringSecurity的这三种自定义身份认证进行详细讲解,... 目录1.内存身份认证(1)创建配置类(2)验证内存身份认证2.JDBC身份认证(1)数据准备 (2)配置依

C 语言中enum枚举的定义和使用小结

《C语言中enum枚举的定义和使用小结》在C语言里,enum(枚举)是一种用户自定义的数据类型,它能够让你创建一组具名的整数常量,下面我会从定义、使用、特性等方面详细介绍enum,感兴趣的朋友一起看... 目录1、引言2、基本定义3、定义枚举变量4、自定义枚举常量的值5、枚举与switch语句结合使用6、枚

使用Sentinel自定义返回和实现区分来源方式

《使用Sentinel自定义返回和实现区分来源方式》:本文主要介绍使用Sentinel自定义返回和实现区分来源方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Sentinel自定义返回和实现区分来源1. 自定义错误返回2. 实现区分来源总结Sentinel自定

如何自定义Nginx JSON日志格式配置

《如何自定义NginxJSON日志格式配置》Nginx作为最流行的Web服务器之一,其灵活的日志配置能力允许我们根据需求定制日志格式,本文将详细介绍如何配置Nginx以JSON格式记录访问日志,这种... 目录前言为什么选择jsON格式日志?配置步骤详解1. 安装Nginx服务2. 自定义JSON日志格式各

Android自定义Scrollbar的两种实现方式

《Android自定义Scrollbar的两种实现方式》本文介绍两种实现自定义滚动条的方法,分别通过ItemDecoration方案和独立View方案实现滚动条定制化,文章通过代码示例讲解的非常详细,... 目录方案一:ItemDecoration实现(推荐用于RecyclerView)实现原理完整代码实现

基于Spring实现自定义错误信息返回详解

《基于Spring实现自定义错误信息返回详解》这篇文章主要为大家详细介绍了如何基于Spring实现自定义错误信息返回效果,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录背景目标实现产出背景Spring 提供了 @RestConChina编程trollerAdvice 用来实现 HTT

SpringSecurity 认证、注销、权限控制功能(注销、记住密码、自定义登入页)

《SpringSecurity认证、注销、权限控制功能(注销、记住密码、自定义登入页)》SpringSecurity是一个强大的Java框架,用于保护应用程序的安全性,它提供了一套全面的安全解决方案... 目录简介认识Spring Security“认证”(Authentication)“授权” (Auth

SpringBoot自定义注解如何解决公共字段填充问题

《SpringBoot自定义注解如何解决公共字段填充问题》本文介绍了在系统开发中,如何使用AOP切面编程实现公共字段自动填充的功能,从而简化代码,通过自定义注解和切面类,可以统一处理创建时间和修改时间... 目录1.1 问题分析1.2 实现思路1.3 代码开发1.3.1 步骤一1.3.2 步骤二1.3.3

dubbo3 filter(过滤器)如何自定义过滤器

《dubbo3filter(过滤器)如何自定义过滤器》dubbo3filter(过滤器)类似于javaweb中的filter和springmvc中的intercaptor,用于在请求发送前或到达前进... 目录dubbo3 filter(过滤器)简介dubbo 过滤器运行时机自定义 filter第一种 @A

CSS自定义浏览器滚动条样式完整代码

《CSS自定义浏览器滚动条样式完整代码》:本文主要介绍了如何使用CSS自定义浏览器滚动条的样式,包括隐藏滚动条的角落、设置滚动条的基本样式、轨道样式和滑块样式,并提供了完整的CSS代码示例,通过这些技巧,你可以为你的网站添加个性化的滚动条样式,从而提升用户体验,详细内容请阅读本文,希望能对你有所帮助...