全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

Android仿淘宝物流信息TimeLineView

淘宝物流信息TimeLine的制作方法:

仿照的TimeLine效果图:

代码实现:

package com.zms.timelineview;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.util.AttributeSet;
import android.view.View;

public class TimeLineView extends View {

 private Paint mPaint;
 /**
 * 首个节点的外半径
 */
 private float timelineHeadRadius;
 /**
 * 首个节点的中心颜色
 */
 private int timelineHeadColor;
 /**
 * 首个节点的边缘颜色
 */
 private int timelineHeadColorEdge;
 /**
 * 其他节点的颜色值
 */
 private int timelineOtherColor;
 /**
 * 时间线的节点数
 */
 private int timelineCount;
 /**
 * 时间轴的位置
 */
 private int viewWidth;
 /**
 * 时间轴到距离顶部的距离
 */
 private int marginTop;
 /**
 * 时间轴的节点的半径
 */
 private int timelineRadius;
 /**
 * 时间轴节点之间的距离
 */
 private int timelineRadiusDistance;
 /**
 * 时间轴的宽度
 */
 private int timelineWidth;
 /**
 * 时间轴的高度
 */
 private float timeLineViewHeight;

 public TimeLineView(Context context) {
 this(context, null);
 }

 public TimeLineView(Context context, AttributeSet attrs) {
 this(context, attrs, 0);
 }

 public TimeLineView(Context context, AttributeSet attrs, int defStyle) {
 super(context, attrs, defStyle);
 init(context, attrs, defStyle);
 }

 /**
 * 初始化
 * 
 * @param context
 * @param attrs
 * @param defStyle
 */
 private void init(Context context, AttributeSet attrs, int defStyle) {

 final TypedArray a = getContext().obtainStyledAttributes(attrs,
  R.styleable.TimeLineView, defStyle, 0);
 timelineRadiusDistance = (int) a.getDimension(
  R.styleable.TimeLineView_timelineRadiusDistance,
  convertDIP2PX(context, 20));
 timelineHeadRadius = a.getDimension(
  R.styleable.TimeLineView_timelineHeadRadius,
  convertDIP2PX(context, 6));
 timelineRadius = (int) a.getDimension(
  R.styleable.TimeLineView_timelineRadius,
  convertDIP2PX(context, 5));
 timelineHeadColor = a.getColor(
  R.styleable.TimeLineView_timelineHeadColor,
  Color.parseColor("#25ae5f")); // 中心深色
 timelineHeadColorEdge = a.getColor(
  R.styleable.TimeLineView_timelineHeadColorEdge,
  Color.parseColor("#b9e5cc")); // 边缘浅色
 timelineOtherColor = a.getColor(
  R.styleable.TimeLineView_timelineOtherColor,
  Color.parseColor("#cccccc"));
 timelineCount = a.getInteger(R.styleable.TimeLineView_timelineCount, 0);
 timelineWidth = (int) a.getDimension(
  R.styleable.TimeLineView_timelineWidth,
  convertDIP2PX(context, 1));
 marginTop = (int) a.getDimension(
  R.styleable.TimeLineView_timelineMarginTop,
  convertDIP2PX(context, 50));
 a.recycle();

 mPaint = new Paint();
 mPaint.setAntiAlias(true);

 }

 @Override
 protected void onDraw(Canvas canvas) {
 // 默认设置时间轴的位置位于view的中间
 viewWidth = getMeasuredWidth() / 2;
 // 设置第一个节点的颜色
 mPaint.setColor(timelineHeadColor);
 /**
  * 根据时间轴的节点数目,画对应的节点和轴
  */
 for (int j = 1; j <= timelineCount; j++) {

  /**
  * 当j==1,画第一个节点的时候,有点特殊,我们需要在节点的外面再换一个圆环
  */
  if (j == 1) {
  // 画笔设置为空心
  canvas.drawCircle(viewWidth, timelineHeadRadius + marginTop,
   timelineRadius, mPaint);
  mPaint.setStyle(Paint.Style.STROKE);
  mPaint.setStrokeWidth(5.0f);
  // 画第一个节点外围的圆环
  mPaint.setColor(timelineHeadColorEdge);
  canvas.drawCircle(viewWidth, timelineHeadRadius + marginTop,
   timelineHeadRadius, mPaint);
  // 设置画笔颜色,画其他时间节点的颜色
  mPaint.setColor(timelineOtherColor);
  // 画笔设置为实心
  mPaint.setStyle(Paint.Style.FILL);
  /**
   * 画第一个节点下面的轴
   */
  canvas.drawRect(new Rect(viewWidth - timelineWidth / 2,
   (int) (2 * timelineHeadRadius + marginTop) + 5,
   viewWidth + timelineWidth / 2, (int) (2
    * timelineHeadRadius + timelineRadiusDistance
    + marginTop + 5)), mPaint);
  continue;
  }
  /**
  * 画时间轴的节点,即画圆形 圆心的x都是一样的,view的中间
  * 圆心的y的计算是根据节点的位置来计算的,例如:第一个节点的y是根据第一个节点距离上面的距离加上第一个节点的半径
  * :timelineHeadRadius + marginTop
  * 其余的节点就是在一个节点的y的基础上,加上两倍半径和节点之间的轴的长度*节点数:(2 * timelineRadius +
  * timelineRadiusDistance) * (j - 1) + timelineHeadRadius -
  * timelineRadius + marginTop
  * 
  */
  canvas.drawCircle(viewWidth,
   (2 * timelineRadius + timelineRadiusDistance) * (j - 1) + 2
    * timelineHeadRadius - timelineRadius + marginTop,
   timelineRadius, mPaint);
  /**
  *   画其余的轴 left:每个轴距离左边距离都是一样的   时间轴的中心位置-1/2的时间轴的宽度 viewWidth -
  * timelineWidth / 2 top: (int) (j * (2 * timelineRadius +
  * timelineRadiusDistance) - timelineRadiusDistance + 2 *
  * (timelineHeadRadius-timelineRadius)+ marginTop) 
  * right:每个轴距离右边距离都是一样的   时间轴的中心位置+1/2的时间轴的宽度 viewWidth +
  * timelineWidth / 2 bottom: (int) (j * (2 * timelineRadius +
  * timelineRadiusDistance) + 2 *
  * (timelineHeadRadius-timelineRadius)+ marginTop)
  */

  canvas.drawRect(
   new Rect(
    viewWidth - timelineWidth / 2,
    (int) (j
     * (2 * timelineRadius + timelineRadiusDistance)
     - timelineRadiusDistance + 2
     * (timelineHeadRadius - timelineRadius) + marginTop),
    viewWidth + timelineWidth / 2,
    (int) (j
     * (2 * timelineRadius + timelineRadiusDistance)
     + 2 * (timelineHeadRadius - timelineRadius) + marginTop)),
   mPaint);
 }
 }

 public float getTimelineHeadRadius() {
 return timelineHeadRadius;
 }

 public void setTimelineHeadRadius(float timelineHeadRadius) {

 this.timelineHeadRadius = timelineHeadRadius;
 invalidate();
 }

 public int getTimelineHeadColor() {
 return timelineHeadColor;
 }

 public void setTimelineHeadColor(int timelineHeadColor) {

 this.timelineHeadColor = timelineHeadColor;
 invalidate();
 }

 public int getTimelineOtherColor() {
 return timelineOtherColor;
 }

 public void setTimelineOtherColor(int timelineOtherColor) {
 this.timelineOtherColor = timelineOtherColor;
 invalidate();
 }

 public int getTimelineCount() {
 return timelineCount;
 }

 public void setTimelineCount(int timelineCount) {
 this.timelineCount = timelineCount;
 invalidate();
 }

 public int getMarginTop() {
 return marginTop;
 }

 public void setMarginTop(int marginTop) {

 this.marginTop = marginTop;
 invalidate();
 }

 public int getTimelineRadius() {
 return timelineRadius;
 }

 public void setTimelineRadius(int timelineRadius) {

 this.timelineRadius = timelineRadius;
 invalidate();
 }

 public int getTimelineRadiusDistance() {
 return timelineRadiusDistance;
 }

 public void setTimelineRadiusDistance(int timelineRadiusDistance) {

 this.timelineRadiusDistance = timelineRadiusDistance;
 invalidate();
 }

 public int getTimelineWidth() {
 return timelineWidth;
 }

 public void setTimelineWidth(int timelineWidth) {
 this.timelineWidth = timelineWidth;
 }

 public float getTimeLineViewHeight() {
 this.timeLineViewHeight = getMarginTop() + getTimelineCount()
  * (2 * getTimelineRadius() + getTimelineRadiusDistance());
 return timeLineViewHeight;
 }

 public void setTimeLineViewHeight(float timeLineViewHeight) {
 this.timeLineViewHeight = timeLineViewHeight;
 invalidate();

 }

 public int getViewWidth() {
 return viewWidth;
 }

 public void setViewWidth(int viewWidth) {
 this.viewWidth = viewWidth;
 invalidate();
 }

 /**
 * 转换dip为px
 */
 public static int convertDIP2PX(Context context, int dip) {
 float scale = context.getResources().getDisplayMetrics().density;
 return (int) (dip * scale + 0.5f * (dip >= 0 ? 1 : -1));
 }

}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


# Android仿淘宝物流信息  # Android物流信息  # Android  # TimeLineView  # Android自定义view仿淘宝快递物流信息时间轴  # Android仿淘宝物流追踪的实例代码  # SpringBoot+MongoDB实现物流订单系统的代码  # 第一个  # 首个  # 设置为  # 是一样的  # 边缘  # 基础上  # 淘宝  # 两倍  # 换一个  # 大家多多  # 默认设置  # 就是在  # timelineCount  # viewWidth  # marginTop  # timelineWidth  # timeLineViewHeight  # timelineRadius  # timelineRadiusDistance  # timelineHeadRadius 


相关文章: 如何高效生成建站之星成品网站源码?  义乌企业网站制作公司,请问义乌比较好的批发小商品的网站是什么?  如何制作一个表白网站视频,关于勇敢表白的小标题?  Avalonia如何实现跨窗口通信 Avalonia窗口间数据传递  如何快速启动建站代理加盟业务?  东莞专业制作网站的公司,东莞大学生网的网址是什么?  如何选择可靠的免备案建站服务器?  网站微信制作软件,如何制作微信链接?  如何在橙子建站上传落地页?操作指南详解  制作国外网站的软件,国外有哪些比较优质的网站推荐?  网站设计制作书签怎么做,怎样将网页添加到书签/主页书签/桌面?  在线教育网站制作平台,山西立德教育官网?  表情包在线制作网站免费,表情包怎么弄?  韩国代理服务器如何选?解析IP设置技巧与跨境访问优化指南  建站主机服务器选型指南与性能优化方案解析  香港服务器选型指南:免备案配置与高效建站方案解析  宁波免费建站如何选择可靠模板与平台?  C++ static_cast和dynamic_cast区别_C++静态转换与动态类型安全转换  如何配置FTP站点权限与安全设置?  在线ppt制作网站有哪些,请推荐几个好的课件下载的网站?  网站代码制作软件有哪些,如何生成自己网站的代码?  南京网站制作费用,南京远驱官方网站?  php json中文编码为null的解决办法  ,网页ppt怎么弄成自己的ppt?  如何确认建站备案号应放置的具体位置?  浅析上传头像示例及其注意事项  小型网站建站如何选择虚拟主机?  导航网站建站方案与优化指南:一站式高效搭建技巧解析  如何处理“XML格式不正确”错误 常见XML well-formed问题解决方法  南平网站制作公司,2025年南平市事业单位报名时间?  平台云上自主建站:模板化设计与智能工具打造高效网站  网页制作模板网站推荐,网页设计海报之类的素材哪里好?  在线制作视频网站免费,都有哪些好的动漫网站?  建站之星后台管理系统如何操作?  手机网站制作平台,手机靓号代理商怎么制作属于自己的手机靓号网站?  GML (Geography Markup Language)是什么,它如何用XML来表示地理空间信息?  巅云智能建站系统:可视化拖拽+多端适配+免费模板一键生成  如何安全更换建站之星模板并保留数据?  微信小程序 input输入框控件详解及实例(多种示例)  北京网站制作的公司有哪些,北京白云观官方网站?  网站按钮制作软件,如何实现网页中按钮的自动点击?  专业公司网站制作公司,用什么语言做企业网站比较好?  如何在Golang中指定模块版本_使用go.mod控制版本号  简单实现Android文件上传  如何快速搭建自助建站会员专属系统?  深圳网站制作设计招聘,关于服装设计的流行趋势,哪里的资料比较全面?  建站主机空间推荐 高性价比配置与快速部署方案解析  ,购物网站怎么盈利呢?  如何配置IIS站点权限与局域网访问?  建站与域名管理如何高效结合? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。