Android自定义View实现地铁显示牌的效果
创始人
2024-12-20 04:22:20
0次

目录

SubwayBoardView.java

代码

public class SubwayBoardView extends View { private Paint bgPaint, tbPaint, centerBgPaint, centerRingPaint, centerCirclePaint, centerCircleRingPaint, noStationPaint, stationPaint, doorPaint; private TextPaint centerTextPaint, stationTextPaint, currentStationTextPaint, doorTextPaint; private float barHeight = DensityUtil.dp2Px(getContext(), 20); private float centerCircleWidth; private float centerRingWidth; private float centerCircleRingStrokeWidth = DensityUtil.dp2Px(getContext(), 5); private float centerRingStrokeWidth = DensityUtil.dp2Px(getContext(), 36); private float centerCircleRingSweepAngle = 0f; private ObjectAnimator centerCircleRingAnim; private List noStationStrs = new ArrayList<>(); private List stationStrs = new ArrayList<>(); private String currentStationStrs = "杭州站"; private Bitmap doorBitmap; private Camera camera; public SubwayBoardView(Context context) {  super(context);  initView(); } public SubwayBoardView(Context context, @Nullable AttributeSet attrs) {  super(context, attrs);  initView(); } public SubwayBoardView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {  super(context, attrs, defStyleAttr);  initView(); } private void initView() {  //全背景  bgPaint = new Paint(Paint.ANTI_ALIAS_FLAG);  bgPaint.setStyle(Paint.Style.FILL);  bgPaint.setColor(Color.parseColor("#85919a"));  //上下边栏  tbPaint = new Paint(Paint.ANTI_ALIAS_FLAG);  tbPaint.setStyle(Paint.Style.FILL);  tbPaint.setColor(Color.parseColor("#c21b2c"));  //中间栏  centerBgPaint = new Paint(Paint.ANTI_ALIAS_FLAG);  centerBgPaint.setStyle(Paint.Style.FILL);  centerBgPaint.setColor(Color.parseColor("#92a3d1"));  //中间空白圆环区域  centerRingPaint = new Paint(Paint.ANTI_ALIAS_FLAG);  centerRingPaint.setStyle(Paint.Style.STROKE);  centerRingPaint.setStrokeWidth(centerRingStrokeWidth);  centerRingPaint.setColor(Color.parseColor("#85919a"));  //中间圆  centerCirclePaint = new Paint(Paint.ANTI_ALIAS_FLAG);  centerCirclePaint.setStyle(Paint.Style.FILL);  centerCirclePaint.setColor(Color.parseColor("#c21b2c"));  //中间圆边上的圆环  centerCircleRingPaint = new Paint(Paint.ANTI_ALIAS_FLAG);  centerCircleRingPaint.setStyle(Paint.Style.STROKE);  centerCircleRingPaint.setStrokeWidth(centerCircleRingStrokeWidth);  centerCircleRingPaint.setStrokeCap(Paint.Cap.ROUND);  centerCircleRingPaint.setColor(Color.parseColor("#6e8ca6"));  //中间文字  centerTextPaint = new TextPaint(Paint.ANTI_ALIAS_FLAG);  centerTextPaint.setStyle(Paint.Style.FILL);  centerTextPaint.setFakeBoldText(true);  centerTextPaint.setColor(Color.parseColor("#333333"));  centerTextPaint.setTextAlign(Paint.Align.CENTER);  centerTextPaint.setShadowLayer(3, 3, 3, Color.parseColor("#6e8ca6"));  centerTextPaint.setTextSize(DensityUtil.sp2px(getContext(), 24));  //未到达的站  noStationPaint = new Paint(Paint.ANTI_ALIAS_FLAG);  noStationPaint.setStyle(Paint.Style.FILL_AND_STROKE);  noStationPaint.setColor(Color.parseColor("#c21b2c"));  //未到站文字  stationTextPaint = new TextPaint(Paint.ANTI_ALIAS_FLAG);  stationTextPaint.setStyle(Paint.Style.FILL);  stationTextPaint.setColor(Color.parseColor("#333333"));  stationTextPaint.setTextAlign(Paint.Align.CENTER);  stationTextPaint.setShadowLayer(3, 3, 3, Color.parseColor("#6e8ca6"));  stationTextPaint.setTextSize(DensityUtil.sp2px(getContext(), 18));  noStationStrs.add("宁波站");  noStationStrs.add("上虞站");  noStationStrs.add("绍兴站");  //已到达的站  stationPaint = new Paint(Paint.ANTI_ALIAS_FLAG);  stationPaint.setStyle(Paint.Style.FILL_AND_STROKE);  stationPaint.setColor(Color.parseColor("#7586b2"));  stationStrs.add("南京站");  stationStrs.add("苏州站");  stationStrs.add("上海站");  //到站文字  currentStationTextPaint = new TextPaint(Paint.ANTI_ALIAS_FLAG);  currentStationTextPaint.setStyle(Paint.Style.FILL);  currentStationTextPaint.setFakeBoldText(true);  currentStationTextPaint.setColor(Color.parseColor("#3d5d9a"));  currentStationTextPaint.setTextAlign(Paint.Align.LEFT);  currentStationTextPaint.setTextSize(DensityUtil.sp2px(getContext(), 18));  doorPaint = new Paint(Paint.ANTI_ALIAS_FLAG);  doorBitmap = BitmapFactory.decodeResource(getResources(), R.mipmap.open_door);  doorTextPaint = new TextPaint(Paint.ANTI_ALIAS_FLAG);  doorTextPaint.setStyle(Paint.Style.FILL);  doorTextPaint.setColor(Color.parseColor("#c21b2c"));  doorTextPaint.setTextAlign(Paint.Align.LEFT);  doorTextPaint.setTextSize(DensityUtil.sp2px(getContext(), 14));  camera = new Camera(); } @Override protected void onDraw(Canvas canvas) {  super.onDraw(canvas);  int width = getWidth();  int height = getHeight();  int centerX = width / 2;  int centerY = height / 2;  //计算中间空白圆形宽度  if (0 == centerRingWidth) {   centerRingWidth = (height - DensityUtil.dp2Px(getContext(), 12)) * 1f / 2;  }  //计算中间圆的半径  if (0 == centerCircleWidth) {   centerCircleWidth = centerRingWidth - DensityUtil.dp2Px(getContext(), 8);  }  //背景  canvas.drawRect(0, 0, width, height, bgPaint);  //上下栏  canvas.drawRect(0, 0, width, barHeight, tbPaint);  canvas.drawRect(0, height - barHeight, width, height, tbPaint);  //中间圆环空白区域  canvas.drawCircle(centerX, centerY, centerRingWidth, centerRingPaint);  //中间栏  float centerLineT = barHeight + DensityUtil.dp2Px(getContext(), 10);  float centerLineB = height - barHeight - DensityUtil.dp2Px(getContext(), 10);  canvas.drawRect(0, centerLineT, width, centerLineB, centerBgPaint);  //中间圆  canvas.drawCircle(centerX, centerY, centerCircleWidth, centerCirclePaint);  //中间圆环  if (centerCircleRingSweepAngle > 0) {   canvas.drawArc(centerX - centerCircleWidth - (centerCircleRingStrokeWidth / 2), centerY - centerCircleWidth - (centerCircleRingStrokeWidth / 2), centerX + centerCircleWidth + (centerCircleRingStrokeWidth / 2), centerY + centerCircleWidth + (centerCircleRingStrokeWidth / 2), -90f, centerCircleRingSweepAngle, false, centerCircleRingPaint);  }  //中间文字  Paint.FontMetrics fontMetrics = centerTextPaint.getFontMetrics();  float dx = (fontMetrics.bottom - fontMetrics.top) / 2 - fontMetrics.bottom;  canvas.drawText(currentStationStrs, centerX, centerY + dx, centerTextPaint);  //未到站  float stationStart = DensityUtil.dp2Px(getContext(), 20);  float stationWidth = DensityUtil.dp2Px(getContext(), 40);  float stationPadding = DensityUtil.dp2Px(getContext(), 20);  for (int i = 0; i < noStationStrs.size(); i++) {   canvas.drawPath(getStationView(stationStart + (stationWidth + stationPadding) * i, stationWidth, centerLineT, centerLineB), noStationPaint);   //保存画布   canvas.save();   String stationStr = noStationStrs.get(i);   Paint.FontMetrics fm = stationTextPaint.getFontMetrics();   //文字高度   float fontHeight = (fm.bottom - fm.top) * stationStr.length();   //显示高度   float showHeigth = centerLineB - centerLineT;   //移动画布   canvas.translate(stationStart + (stationWidth + stationPadding) * i + stationWidth / 3, centerLineT + (showHeigth - fontHeight) / 2);   float strWidth = stationTextPaint.measureText(stationStr) / stationStr.length();   StaticLayout staticLayout;   if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {    staticLayout = StaticLayout.Builder.obtain(stationStr, 0, stationStr.length(), stationTextPaint, (int) strWidth).build();   } else {    staticLayout = new StaticLayout(stationStr, stationTextPaint, (int) strWidth, Layout.Alignment.ALIGN_CENTER, 1, 0, true);   }   //绘制   staticLayout.draw(canvas);   //还原画布   canvas.translate(-stationStart + (stationWidth + stationPadding) * i, -centerLineT);   canvas.restore();  }  //已过站  float stationEnd = getWidth() - DensityUtil.dp2Px(getContext(), 20) - stationWidth;  for (int i = 0; i < stationStrs.size(); i++) {   canvas.drawPath(getStationView(stationEnd - (stationWidth + stationPadding) * i, stationWidth, centerLineT, centerLineB), stationPaint);   //保存画布   canvas.save();   String stationStr = noStationStrs.get(i);   Paint.FontMetrics fm = stationTextPaint.getFontMetrics();   //文字高度   float fontHeight = (fm.bottom - fm.top) * stationStr.length();   //显示高度   float showHeigth = centerLineB - centerLineT;   //移动画布   canvas.translate(stationEnd - (stationWidth + stationPadding) * i + stationWidth / 3, centerLineT + (showHeigth - fontHeight) / 2);   float strWidth = stationTextPaint.measureText(stationStr) / stationStr.length();   StaticLayout staticLayout;   if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {    staticLayout = StaticLayout.Builder.obtain(stationStr, 0, stationStr.length(), stationTextPaint, (int) strWidth).build();   } else {    staticLayout = new StaticLayout(stationStr, stationTextPaint, (int) strWidth, Layout.Alignment.ALIGN_CENTER, 1, 0, true);   }   //绘制   staticLayout.draw(canvas);   //还原画布   canvas.translate(-stationStart + (stationWidth + stationPadding) * i, -centerLineT);   canvas.restore();  }  //到达站  String curentStr = "停靠站" + currentStationStrs;  float fontwidth = stationTextPaint.measureText(curentStr) / curentStr.length();  float pointX = centerX - centerRingWidth - fontwidth * 3 - DensityUtil.dp2Px(getContext(), 26);  Paint.FontMetrics fm = stationTextPaint.getFontMetrics();  float pointY = centerLineT + ((centerLineB - centerLineT) - (fm.bottom - fm.top) * 2) / 2;  canvas.save();  canvas.translate(pointX, pointY);  StaticLayout staticLayout;  if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {   staticLayout = StaticLayout.Builder.obtain(curentStr, 0, curentStr.length(), stationTextPaint, (int) (fontwidth * 3)).build();  } else {   staticLayout = new StaticLayout(curentStr, stationTextPaint, (int) (fontwidth * 3), Layout.Alignment.ALIGN_CENTER, 1, 0, true);  }  //绘制  staticLayout.draw(canvas);  canvas.translate(-pointX, -centerLineT);  canvas.restore();  //开门提示  String primt = "注意开门";  float doorTextWidth = doorTextPaint.measureText(primt);  Paint.FontMetrics doorTextFm = doorTextPaint.getFontMetrics();  float doorTextheight = doorTextFm.bottom - doorTextFm.top;  float dy = doorTextheight / 2 - doorTextFm.bottom;  int doorTextLeft = (int) (centerX + centerRingWidth + DensityUtil.dp2Px(getContext(), 26));  Rect rect = new Rect();  rect.left = (int) (doorTextLeft + ((doorTextWidth - doorBitmap.getWidth()) / 2));  rect.top = (int) (centerLineT + ((centerLineB - centerLineT) - (doorBitmap.getHeight() + DensityUtil.dp2Px(getContext(), 6) + + doorTextheight)) / 2);  rect.right = rect.left + doorBitmap.getWidth();  rect.bottom = rect.top + doorBitmap.getHeight();  //旋转  canvas.save();  camera.save();  canvas.translate(rect.left, rect.top);  camera.rotateY(-45);  camera.applyToCanvas(canvas);  canvas.translate(-rect.left, -rect.top);  camera.restore();  canvas.drawBitmap(doorBitmap, null, rect, doorPaint);  canvas.restore();  canvas.drawText(primt, doorTextLeft, rect.bottom + DensityUtil.dp2Px(getContext(), 6) + (doorTextheight / 2) + dy, doorTextPaint); } /**  * 获取站信息  *  * @param pl  * @param width  * @param centerLineT  * @param centerLineB  * @return  */ private Path getStationView(float pl, float width, float centerLineT, float centerLineB) {  float pt = centerLineT;  float pr = pl + width;  float pb = centerLineB;  float r = (pr - pl) / 3;  Path path = new Path();  path.moveTo(pl, pt);  path.lineTo(pr, pt);  path.quadTo(pr - r, pt + (pb - pt) / 2, pr, pb);  path.lineTo(pl, pb);  path.quadTo(pl - r, pt + (pb - pt) / 2, pl, pt);  path.close();  return path; } public void setCenterCircleRingSweepAngle(float centerCircleRingSweepAngle) {  this.centerCircleRingSweepAngle = centerCircleRingSweepAngle;  invalidate(); } /**  * 开始中间圆动画  */ public void animCenterCircleRing() {  if (null == centerCircleRingAnim) {   centerCircleRingAnim = ObjectAnimator.ofFloat(this, "centerCircleRingSweepAngle", 0f, 360f);   centerCircleRingAnim.setDuration(3000);   centerCircleRingAnim.setInterpolator(new LinearInterpolator());   centerCircleRingAnim.setRepeatCount(ValueAnimator.INFINITE);   centerCircleRingAnim.setRepeatMode(ValueAnimator.RESTART);  }  centerCircleRingAnim.start(); } /**  * 停止  */ public void stopAnimCenterCircleRing() {  if (null != centerCircleRingAnim) {   centerCircleRingAnim.cancel();  }  setCenterCircleRingSweepAngle(0); }}

相关内容

热门资讯

空调连续工作多久需要停机休息 空调连续工作的时间取决于多个因素,包括空调的型号、功率、使用环境和维护情况等。一般来说,空调可以连续...
空调哪个符号是除湿的 空调除湿功能通常用一个水滴形状的符号表示。不同品牌和型号的空调遥控器可能会有所差异,但一般来说,除湿...
格力空调多长时间加一次氟利昂 1、一般情况下,空调对氟利昂的使用量是非常小的,所以在空调使用了四年左右的时候再考虑加也没问题。2、...
空调用多长时间需要加氟一次 一般情况下是五年。当出现以下这几种情况时,空调才需要加氟。1、空调的室内机和室外机各有两个接口,当接...
格调生活·C标思享荟:卡萨帝在... 9月12日的郑州龙湖金融岛,夜风轻拂,灯光璀璨。“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑...
品牌价值破千亿、高端份额持续领... 9月12日,“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑州站”在郑州龙湖金融岛举办。2026...
空调主板坏了修800还是换新的 空调主板坏了是修还是换新,需要考虑多个因素,以下是一些建议:1. 维修成本:如果维修费用较低,比如 ...
空调开多久需要休息多长时间 问题:空调开多久需要休息多长时间回答:1、在使用空调的过程中,一般空调开7~8个小时左右需要休息2~...
中央空调多长时间清洗一次 1、一般空调开机前清洗一次即可,空调开机中间时段再清洗一次,空调关机时清洗一次,这样比较合理。2、空...
中央空调氟利昂多久加一次 看空调制热和制冷程度,很多人的观点认为氟利昂必须一年放一次,其实这个观点是错误的,理解上面有点偏差,...