├── .gitignore ├── .idea ├── .name ├── compiler.xml ├── copyright │ └── profiles_settings.xml ├── encodings.xml ├── gradle.xml ├── inspectionProfiles │ ├── Project_Default.xml │ └── profiles_settings.xml ├── misc.xml ├── modules.xml └── runConfigurations.xml ├── README.md ├── app ├── .gitignore ├── build.gradle ├── proguard-rules.pro └── src │ ├── androidTest │ └── java │ │ └── com │ │ └── nodeprogress │ │ └── nodeprogress │ │ └── ApplicationTest.java │ ├── main │ ├── AndroidManifest.xml │ ├── java │ │ └── com │ │ │ └── nodeprogress │ │ │ └── nodeprogress │ │ │ ├── MainActivity.java │ │ │ └── view │ │ │ ├── LogisticsData.java │ │ │ ├── NodeProgressAdapter.java │ │ │ └── NodeProgressView.java │ └── res │ │ ├── layout │ │ └── activity_main.xml │ │ ├── mipmap-hdpi │ │ └── ic_launcher.png │ │ ├── mipmap-mdpi │ │ └── ic_launcher.png │ │ ├── mipmap-xhdpi │ │ └── ic_launcher.png │ │ ├── mipmap-xxhdpi │ │ └── ic_launcher.png │ │ ├── mipmap-xxxhdpi │ │ └── ic_launcher.png │ │ ├── values-w820dp │ │ └── dimens.xml │ │ └── values │ │ ├── attrs.xml │ │ ├── colors.xml │ │ ├── dimens.xml │ │ ├── strings.xml │ │ └── styles.xml │ └── test │ └── java │ └── com │ └── nodeprogress │ └── nodeprogress │ └── ExampleUnitTest.java ├── build.gradle ├── gradle.properties ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat ├── image └── S60628-152145.jpg └── settings.gradle /.gitignore: -------------------------------------------------------------------------------- 1 | *.iml 2 | .gradle 3 | /local.properties 4 | /.idea/workspace.xml 5 | /.idea/libraries 6 | .DS_Store 7 | /build 8 | /captures 9 | -------------------------------------------------------------------------------- /.idea/.name: -------------------------------------------------------------------------------- 1 | Nodeprogress -------------------------------------------------------------------------------- /.idea/compiler.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /.idea/copyright/profiles_settings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /.idea/encodings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /.idea/gradle.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 22 | 23 | -------------------------------------------------------------------------------- /.idea/inspectionProfiles/Project_Default.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 10 | -------------------------------------------------------------------------------- /.idea/inspectionProfiles/profiles_settings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 7 | -------------------------------------------------------------------------------- /.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 19 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 46 | 47 | 48 | 49 | 50 | 1.7 51 | 52 | 57 | 58 | 59 | 60 | 61 | 62 | -------------------------------------------------------------------------------- /.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /.idea/runConfigurations.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 11 | 12 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | 2 | ## 关于 ## 3 | 4 | # 作者 # 5 | --- 6 | 7 | 戴定康 8 | 9 | >博客:[个人博客](http://daidingkang.cc/ "个人博客") 10 | 11 | >Csdn:[戴定康的博客](http://blog.csdn.net/ddk837239693) 12 | 13 | --- 14 | 15 | # NodeProgressView # 16 | 17 | 18 | 19 | 20 | >用来显示物节点进度的自定义View,仿淘宝 21 | #### 版本尚未发布到Jcenter,后续将会逐一发布,让你使用更简洁 #### 22 | 23 | 24 | # 使用 # 25 | 26 | 先拷贝View包下面的文件到你的项目,记得样式等Attr文件也要复制,不然会报错 27 | 28 | 在你的XMl文件中: 29 | 30 | 37 | 38 | 然后第一步,你的物流数据,我们先假设几条,一般要从服务器获取 39 | 40 | ```Java 41 | List logisticsDatas; 42 | logisticsDatas = new ArrayList<>(); 43 | logisticsDatas.add(new LogisticsData().setTime("2016-6-28 15:13:02").setContext("快件在【相城中转仓】装车,正发往【无锡分拨中心】已签收,签收人是【王漾】,签收网点是【忻州原平】")); 44 | logisticsDatas.add(new LogisticsData().setTime("2016-6-28 15:13:02").setContext("快件在【相城中转仓】装车,正发往【无锡分拨中心】")); 45 | logisticsDatas.add(new LogisticsData().setTime("2016-6-28 15:13:02").setContext("【北京鸿运良乡站】的【010058.269】正在派件")); 46 | logisticsDatas.add(new LogisticsData().setTime("2016-6-28 15:13:02").setContext("快件到达【潍坊市中转部】,上一站是【】")); 47 | logisticsDatas.add(new LogisticsData().setTime("2016-6-28 15:13:02").setContext("快件在【潍坊市中转部】装车,正发往【潍坊奎文代派】")); 48 | logisticsDatas.add(new LogisticsData().setTime("2016-6-28 15:13:02").setContext("快件到达【潍坊】,上一站是【潍坊市中转部】")); 49 | logisticsDatas.add(new LogisticsData().setTime("2016-6-28 15:13:02").setContext("快件在【武汉分拨中心】装车,正发往【晋江分拨中心】")); 50 | logisticsDatas.add(new LogisticsData().setTime("2016-6-28 15:13:02").setContext("【北京鸿运良乡站】的【010058.269】正在派件")); 51 | logisticsDatas.add(new LogisticsData().setTime("2016-6-28 15:13:02").setContext("【北京鸿运良乡站】的【010058.269】正在派件")); 52 | logisticsDatas.add(new LogisticsData().setTime("2016-6-28 15:13:02").setContext("【北京鸿运良乡站】的【010058.269】正在派件")); 53 | logisticsDatas.add(new LogisticsData().setTime("2016-6-28 15:13:02").setContext("【北京鸿运良乡站】的【010058.269】正在派件")); 54 | ``` 55 | 56 | 第二,找到你的控件并为其设置NodeProgressAdapter适配器 57 | 58 | 59 | ```Java 60 | NodeProgressView nodeProgressView = (NodeProgressView) findViewById(R.id.npv_NodeProgressView); 61 | nodeProgressView.setNodeProgressAdapter(new NodeProgressAdapter() { 62 | 63 | @Override 64 | public int getCount() { 65 | return logisticsDatas.size(); 66 | } 67 | 68 | @Override 69 | public List getData() { 70 | return logisticsDatas; 71 | } 72 | }); 73 | ``` 74 | 75 | 76 | OK,大功告成,剩下的就是交给控件了,有兴趣的童鞋可以看看源码,写的不是很好,多多指教,是不是很简单呢; 77 | 78 | --- 79 | 80 | 81 | 下面将源码贴出,大家可以看一看 82 | # NodeProgressView.class # 83 | 84 | 85 | 86 | ```Java 87 | /** 88 | * User: Daidingkang(ddk19941017@Gmail.com) 89 | * Date: 2016-06-28 90 | * Time: 09:43 91 | * FIXME 92 | */ 93 | public class NodeProgressView extends View { 94 | 95 | float width; 96 | float nodeRadius; 97 | 98 | Paint paint; 99 | 100 | Context context; 101 | 102 | /** 103 | * 节点间隔 104 | */ 105 | int nodeInterval; 106 | 107 | /** 108 | * 边距 109 | */ 110 | int left = 20; 111 | int top = 30; 112 | 113 | int dWidth; 114 | int dHeight; 115 | 116 | 117 | public NodeProgressView(Context context) { 118 | super(context); 119 | this.context = context; 120 | init(); 121 | } 122 | 123 | public NodeProgressView(Context context, AttributeSet attrs) { 124 | super(context, attrs); 125 | this.context = context; 126 | TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.NodeProgressView); 127 | width = typedArray.getDimension(R.styleable.NodeProgressView_width, 5); 128 | nodeRadius = typedArray.getDimension(R.styleable.NodeProgressView_nodeRadius, 10); 129 | init(); 130 | } 131 | 132 | public NodeProgressView(Context context, AttributeSet attrs, int defStyleAttr) { 133 | super(context, attrs, defStyleAttr); 134 | init(); 135 | } 136 | 137 | private void init() { 138 | paint = new Paint(); 139 | paint.setColor(getResources().getColor(R.color.nodeColor)); 140 | paint.setAntiAlias(true); 141 | 142 | nodeInterval = dip2px(context, 80); 143 | 144 | WindowManager wm = (WindowManager) getContext() 145 | .getSystemService(Context.WINDOW_SERVICE); 146 | 147 | dWidth = wm.getDefaultDisplay().getWidth(); 148 | dHeight = wm.getDefaultDisplay().getHeight(); 149 | } 150 | 151 | NodeProgressAdapter nodeProgressAdapter; 152 | 153 | /** 154 | * 设置适配数据 155 | */ 156 | public void setNodeProgressAdapter(NodeProgressAdapter nodeProgressAdapter) { 157 | this.nodeProgressAdapter = nodeProgressAdapter; 158 | } 159 | 160 | 161 | @Override 162 | protected void onDraw(Canvas canvas) { 163 | super.onDraw(canvas); 164 | if (nodeProgressAdapter == null || nodeProgressAdapter.getCount() == 0) 165 | return; 166 | List data = nodeProgressAdapter.getData(); 167 | 168 | // canvas.translate(20,30);偏移位置,防止遮挡 169 | canvas.drawRect(left, top, width + left, nodeProgressAdapter.getCount() * nodeInterval + top, paint); 170 | for (int i = 0; i < nodeProgressAdapter.getCount(); i++) { 171 | 172 | if (i == 0) { 173 | Paint mPaint = new Paint(); 174 | mPaint.setAntiAlias(true); 175 | mPaint.setColor(getResources().getColor(R.color.nodeTextColor)); 176 | //画文字 177 | mPaint.setTextSize(30); 178 | canvas.drawText(((LogisticsData)data.get(i)).getTime()+"", left * 2 + nodeRadius * 2 + 10, (i + 1) * nodeInterval + top - 20, mPaint); 179 | // canvas.drawText("不换行", left * 2 + nodeRadius * 2 + 10, i * nodeInterval + top + (nodeInterval / 3), mPaint); 180 | //文字换行 181 | TextPaint textPaint = new TextPaint(); 182 | textPaint.setColor(getResources().getColor(R.color.nodeTextColor)); 183 | textPaint.setTextSize(35.0F); 184 | textPaint.setAntiAlias(true); 185 | StaticLayout layout = new StaticLayout(((LogisticsData)data.get(i)).getContext()+"", textPaint, (int) (dWidth * 0.8), Layout.Alignment.ALIGN_NORMAL, 1.0F, 0.0F, true); 186 | canvas.save(); 187 | canvas.translate(left * 2 + nodeRadius * 2 + 10, i * nodeInterval + top + (nodeInterval / 4)); 188 | layout.draw(canvas); 189 | canvas.restore();//重置 190 | 191 | //画圆 192 | canvas.drawCircle(width / 2 + left, i * nodeInterval + top, nodeRadius + 2, mPaint); 193 | mPaint.setStyle(Paint.Style.STROKE);//设置为空心 194 | mPaint.setStrokeWidth(8);//空心宽度 195 | mPaint.setAlpha(88); 196 | canvas.drawCircle(width / 2 + left, i * nodeInterval + top, nodeRadius + 4, mPaint); 197 | 198 | 199 | } else { 200 | paint.setColor(getResources().getColor(R.color.nodeColor)); 201 | canvas.drawCircle(width / 2 + left, i * nodeInterval + top, nodeRadius, paint); 202 | canvas.drawLine(left * 2 + nodeRadius * 2, i * nodeInterval + top, dWidth, i * nodeInterval + top, paint); //画线 203 | 204 | 205 | //画文字 206 | paint.setTextSize(30); 207 | canvas.drawText(((LogisticsData)data.get(i)).getTime()+"", left * 2 + nodeRadius * 2 + 10, (i + 1) * nodeInterval + top - 20, paint); 208 | //文字换行 209 | TextPaint textPaint = new TextPaint(); 210 | textPaint.setColor(getResources().getColor(R.color.nodeColor)); 211 | textPaint.setTextSize(35.0F); 212 | textPaint.setAntiAlias(true); 213 | StaticLayout layout = new StaticLayout(((LogisticsData)data.get(i)).getContext()+"", textPaint, (int) (dWidth * 0.8), Layout.Alignment.ALIGN_NORMAL, 1.0F, 0.0F, true); 214 | canvas.save();//很重要,不然会样式出错 215 | canvas.translate(left * 2 + nodeRadius * 2 + 10, i * nodeInterval + top + (nodeInterval / 4)); 216 | layout.draw(canvas); 217 | canvas.restore();//重置 218 | } 219 | 220 | } 221 | } 222 | 223 | @Override 224 | protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 225 | super.onMeasure(widthMeasureSpec, heightMeasureSpec); 226 | if (nodeProgressAdapter == null || nodeProgressAdapter.getCount() == 0) 227 | return; 228 | setMeasuredDimension(widthMeasureSpec, nodeProgressAdapter.getCount() * nodeInterval + top); 229 | } 230 | 231 | 232 | /** 233 | * 根据手机的分辨率从 dp 的单位 转成为 px(像素) 234 | */ 235 | public static int dip2px(Context context, float dpValue) { 236 | final float scale = context.getResources().getDisplayMetrics().density; 237 | return (int) (dpValue * scale + 0.5f); 238 | } 239 | 240 | } 241 | ``` 242 | 243 | 244 | 245 | 值得注意的是使用此控件的童鞋,里面有一个JavaBean需要实现,你也可以继承自此Bean 246 | 247 | 248 | # 源码下载 # 249 | >点击即可下载 [**NodeProgressView**](https://github.com/aesion/NodeProgressView) 250 | >下载的童鞋希望多多star and fork; 251 | 252 | 253 | 254 | 255 | 实例: 256 | 257 | ![](https://github.com/aesion/NodeProgressView/blob/master/image/S60628-152145.jpg) 258 | -------------------------------------------------------------------------------- /app/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.application' 2 | 3 | android { 4 | compileSdkVersion 23 5 | buildToolsVersion "23.0.3" 6 | 7 | defaultConfig { 8 | applicationId "com.nodeprogress.nodeprogress" 9 | minSdkVersion 14 10 | targetSdkVersion 23 11 | versionCode 1 12 | versionName "1.0" 13 | } 14 | buildTypes { 15 | release { 16 | minifyEnabled false 17 | proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' 18 | } 19 | } 20 | } 21 | 22 | dependencies { 23 | compile fileTree(dir: 'libs', include: ['*.jar']) 24 | testCompile 'junit:junit:4.12' 25 | compile 'com.android.support:appcompat-v7:23.2.1' 26 | } 27 | -------------------------------------------------------------------------------- /app/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in E:\android-sdk-windows/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | 12 | # If your project uses WebView with JS, uncomment the following 13 | # and specify the fully qualified class name to the JavaScript interface 14 | # class: 15 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 16 | # public *; 17 | #} 18 | -------------------------------------------------------------------------------- /app/src/androidTest/java/com/nodeprogress/nodeprogress/ApplicationTest.java: -------------------------------------------------------------------------------- 1 | package com.nodeprogress.nodeprogress; 2 | 3 | import android.app.Application; 4 | import android.test.ApplicationTestCase; 5 | 6 | /** 7 | * Testing Fundamentals 8 | */ 9 | public class ApplicationTest extends ApplicationTestCase { 10 | public ApplicationTest() { 11 | super(Application.class); 12 | } 13 | } -------------------------------------------------------------------------------- /app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /app/src/main/java/com/nodeprogress/nodeprogress/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.nodeprogress.nodeprogress; 2 | 3 | import android.os.Bundle; 4 | import android.support.v7.app.AppCompatActivity; 5 | 6 | import com.nodeprogress.nodeprogress.view.LogisticsData; 7 | import com.nodeprogress.nodeprogress.view.NodeProgressAdapter; 8 | import com.nodeprogress.nodeprogress.view.NodeProgressView; 9 | 10 | import java.util.ArrayList; 11 | import java.util.List; 12 | 13 | public class MainActivity extends AppCompatActivity { 14 | List logisticsDatas; 15 | 16 | @Override 17 | protected void onCreate(Bundle savedInstanceState) { 18 | super.onCreate(savedInstanceState); 19 | setContentView(R.layout.activity_main); 20 | 21 | logisticsDatas = new ArrayList<>(); 22 | logisticsDatas.add(new LogisticsData().setTime("2016-6-28 15:13:02").setContext("快件在【相城中转仓】装车,正发往【无锡分拨中心】已签收,签收人是【王漾】,签收网点是【忻州原平】")); 23 | logisticsDatas.add(new LogisticsData().setTime("2016-6-28 15:13:02").setContext("快件在【相城中转仓】装车,正发往【无锡分拨中心】")); 24 | logisticsDatas.add(new LogisticsData().setTime("2016-6-28 15:13:02").setContext("【北京鸿运良乡站】的【010058.269】正在派件")); 25 | logisticsDatas.add(new LogisticsData().setTime("2016-6-28 15:13:02").setContext("快件到达【潍坊市中转部】,上一站是【】")); 26 | logisticsDatas.add(new LogisticsData().setTime("2016-6-28 15:13:02").setContext("快件在【潍坊市中转部】装车,正发往【潍坊奎文代派】")); 27 | logisticsDatas.add(new LogisticsData().setTime("2016-6-28 15:13:02").setContext("快件到达【潍坊】,上一站是【潍坊市中转部】")); 28 | logisticsDatas.add(new LogisticsData().setTime("2016-6-28 15:13:02").setContext("快件在【武汉分拨中心】装车,正发往【晋江分拨中心】")); 29 | logisticsDatas.add(new LogisticsData().setTime("2016-6-28 15:13:02").setContext("【北京鸿运良乡站】的【010058.269】正在派件")); 30 | logisticsDatas.add(new LogisticsData().setTime("2016-6-28 15:13:02").setContext("【北京鸿运良乡站】的【010058.269】正在派件")); 31 | logisticsDatas.add(new LogisticsData().setTime("2016-6-28 15:13:02").setContext("【北京鸿运良乡站】的【010058.269】正在派件")); 32 | logisticsDatas.add(new LogisticsData().setTime("2016-6-28 15:13:02").setContext("【北京鸿运良乡站】的【010058.269】正在派件")); 33 | 34 | NodeProgressView nodeProgressView = (NodeProgressView) findViewById(R.id.npv_NodeProgressView); 35 | nodeProgressView.setNodeProgressAdapter(new NodeProgressAdapter() { 36 | 37 | @Override 38 | public int getCount() { 39 | return logisticsDatas.size(); 40 | } 41 | 42 | @Override 43 | public List getData() { 44 | return logisticsDatas; 45 | } 46 | }); 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /app/src/main/java/com/nodeprogress/nodeprogress/view/LogisticsData.java: -------------------------------------------------------------------------------- 1 | package com.nodeprogress.nodeprogress.view; 2 | 3 | public class LogisticsData { 4 | 5 | 6 | private String context;//内容 7 | private String ftime; 8 | private String time;//时间 9 | 10 | public String getContext() { 11 | return context; 12 | } 13 | 14 | public LogisticsData setContext(String context) { 15 | this.context = context; 16 | return this; 17 | } 18 | 19 | public String getFtime() { 20 | return ftime; 21 | } 22 | 23 | public LogisticsData setFtime(String ftime) { 24 | this.ftime = ftime; 25 | return this; 26 | 27 | } 28 | 29 | public String getTime() { 30 | return time; 31 | } 32 | 33 | public LogisticsData setTime(String time) { 34 | this.time = time; 35 | return this; 36 | } 37 | 38 | 39 | @Override 40 | public String toString() { 41 | return "LogisticsData{" + 42 | "context='" + context + '\'' + 43 | ", ftime='" + ftime + '\'' + 44 | ", time='" + time + '\'' + 45 | '}'; 46 | } 47 | } -------------------------------------------------------------------------------- /app/src/main/java/com/nodeprogress/nodeprogress/view/NodeProgressAdapter.java: -------------------------------------------------------------------------------- 1 | package com.nodeprogress.nodeprogress.view; 2 | 3 | import java.util.List; 4 | 5 | /** 6 | * User: Daidingkang(ddk19941017@Gmail.com) 7 | * Date: 2016-06-28 8 | * Time: 14:30 9 | * FIXME 10 | */ 11 | public interface NodeProgressAdapter{ 12 | 13 | /** 14 | * 返回集合大小 15 | * 16 | * @return 17 | */ 18 | int getCount(); 19 | 20 | /** 21 | * 适配数据的集合 22 | * 23 | * @return 24 | */ 25 | List getData(); 26 | 27 | } 28 | -------------------------------------------------------------------------------- /app/src/main/java/com/nodeprogress/nodeprogress/view/NodeProgressView.java: -------------------------------------------------------------------------------- 1 | package com.nodeprogress.nodeprogress.view; 2 | 3 | import android.content.Context; 4 | import android.content.res.TypedArray; 5 | import android.graphics.Canvas; 6 | import android.graphics.Paint; 7 | import android.text.Layout; 8 | import android.text.StaticLayout; 9 | import android.text.TextPaint; 10 | import android.util.AttributeSet; 11 | import android.view.View; 12 | import android.view.WindowManager; 13 | 14 | import com.nodeprogress.nodeprogress.R; 15 | 16 | import java.util.List; 17 | 18 | /** 19 | * User: Daidingkang(ddk19941017@Gmail.com) 20 | * Date: 2016-06-28 21 | * Time: 09:43 22 | * FIXME 23 | */ 24 | public class NodeProgressView extends View { 25 | 26 | float width; 27 | float nodeRadius; 28 | 29 | Paint paint; 30 | 31 | Context context; 32 | 33 | /** 34 | * 节点间隔 35 | */ 36 | int nodeInterval; 37 | 38 | /** 39 | * 边距 40 | */ 41 | int left = 20; 42 | int top = 30; 43 | 44 | int dWidth; 45 | int dHeight; 46 | 47 | 48 | public NodeProgressView(Context context) { 49 | super(context); 50 | this.context = context; 51 | init(); 52 | } 53 | 54 | public NodeProgressView(Context context, AttributeSet attrs) { 55 | super(context, attrs); 56 | this.context = context; 57 | TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.NodeProgressView); 58 | width = typedArray.getDimension(R.styleable.NodeProgressView_width, 5); 59 | nodeRadius = typedArray.getDimension(R.styleable.NodeProgressView_nodeRadius, 10); 60 | init(); 61 | } 62 | 63 | public NodeProgressView(Context context, AttributeSet attrs, int defStyleAttr) { 64 | super(context, attrs, defStyleAttr); 65 | init(); 66 | } 67 | 68 | private void init() { 69 | paint = new Paint(); 70 | paint.setColor(getResources().getColor(R.color.nodeColor)); 71 | paint.setAntiAlias(true); 72 | 73 | nodeInterval = dip2px(context, 80); 74 | 75 | WindowManager wm = (WindowManager) getContext() 76 | .getSystemService(Context.WINDOW_SERVICE); 77 | 78 | dWidth = wm.getDefaultDisplay().getWidth(); 79 | dHeight = wm.getDefaultDisplay().getHeight(); 80 | } 81 | 82 | NodeProgressAdapter nodeProgressAdapter; 83 | 84 | /** 85 | * 设置适配数据 86 | */ 87 | public void setNodeProgressAdapter(NodeProgressAdapter nodeProgressAdapter) { 88 | this.nodeProgressAdapter = nodeProgressAdapter; 89 | } 90 | 91 | 92 | @Override 93 | protected void onDraw(Canvas canvas) { 94 | super.onDraw(canvas); 95 | if (nodeProgressAdapter == null || nodeProgressAdapter.getCount() == 0) 96 | return; 97 | List data = nodeProgressAdapter.getData(); 98 | 99 | // canvas.translate(20,30);偏移位置,防止遮挡 100 | canvas.drawRect(left, top, width + left, nodeProgressAdapter.getCount() * nodeInterval + top, paint); 101 | for (int i = 0; i < nodeProgressAdapter.getCount(); i++) { 102 | 103 | if (i == 0) { 104 | Paint mPaint = new Paint(); 105 | mPaint.setAntiAlias(true); 106 | mPaint.setColor(getResources().getColor(R.color.nodeTextColor)); 107 | //画文字 108 | mPaint.setTextSize(30); 109 | canvas.drawText(((LogisticsData)data.get(i)).getTime()+"", left * 2 + nodeRadius * 2 + 10, (i + 1) * nodeInterval + top - 20, mPaint); 110 | // canvas.drawText("不换行", left * 2 + nodeRadius * 2 + 10, i * nodeInterval + top + (nodeInterval / 3), mPaint); 111 | //文字换行 112 | TextPaint textPaint = new TextPaint(); 113 | textPaint.setColor(getResources().getColor(R.color.nodeTextColor)); 114 | textPaint.setTextSize(35.0F); 115 | textPaint.setAntiAlias(true); 116 | StaticLayout layout = new StaticLayout(((LogisticsData)data.get(i)).getContext()+"", textPaint, (int) (dWidth * 0.8), Layout.Alignment.ALIGN_NORMAL, 1.0F, 0.0F, true); 117 | canvas.save(); 118 | canvas.translate(left * 2 + nodeRadius * 2 + 10, i * nodeInterval + top + (nodeInterval / 4)); 119 | layout.draw(canvas); 120 | canvas.restore();//重置 121 | 122 | //画圆 123 | canvas.drawCircle(width / 2 + left, i * nodeInterval + top, nodeRadius + 2, mPaint); 124 | mPaint.setStyle(Paint.Style.STROKE);//设置为空心 125 | mPaint.setStrokeWidth(8);//空心宽度 126 | mPaint.setAlpha(88); 127 | canvas.drawCircle(width / 2 + left, i * nodeInterval + top, nodeRadius + 4, mPaint); 128 | 129 | 130 | } else { 131 | paint.setColor(getResources().getColor(R.color.nodeColor)); 132 | canvas.drawCircle(width / 2 + left, i * nodeInterval + top, nodeRadius, paint); 133 | canvas.drawLine(left * 2 + nodeRadius * 2, i * nodeInterval + top, dWidth, i * nodeInterval + top, paint); //画线 134 | 135 | 136 | //画文字 137 | paint.setTextSize(30); 138 | canvas.drawText(((LogisticsData)data.get(i)).getTime()+"", left * 2 + nodeRadius * 2 + 10, (i + 1) * nodeInterval + top - 20, paint); 139 | //文字换行 140 | TextPaint textPaint = new TextPaint(); 141 | textPaint.setColor(getResources().getColor(R.color.nodeColor)); 142 | textPaint.setTextSize(35.0F); 143 | textPaint.setAntiAlias(true); 144 | StaticLayout layout = new StaticLayout(((LogisticsData)data.get(i)).getContext()+"", textPaint, (int) (dWidth * 0.8), Layout.Alignment.ALIGN_NORMAL, 1.0F, 0.0F, true); 145 | canvas.save();//很重要,不然会样式出错 146 | canvas.translate(left * 2 + nodeRadius * 2 + 10, i * nodeInterval + top + (nodeInterval / 4)); 147 | layout.draw(canvas); 148 | canvas.restore();//重置 149 | } 150 | 151 | } 152 | } 153 | 154 | @Override 155 | protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 156 | super.onMeasure(widthMeasureSpec, heightMeasureSpec); 157 | if (nodeProgressAdapter == null || nodeProgressAdapter.getCount() == 0) 158 | return; 159 | setMeasuredDimension(widthMeasureSpec, nodeProgressAdapter.getCount() * nodeInterval + top); 160 | } 161 | 162 | 163 | /** 164 | * 根据手机的分辨率从 dp 的单位 转成为 px(像素) 165 | */ 166 | public static int dip2px(Context context, float dpValue) { 167 | final float scale = context.getResources().getDisplayMetrics().density; 168 | return (int) (dpValue * scale + 0.5f); 169 | } 170 | 171 | } 172 | -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_main.xml: -------------------------------------------------------------------------------- 1 | 2 | 13 | 14 | 17 | 18 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aesion/NodeProgressView/c4448725dc7f6d04df89769daa99dac431161e0a/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aesion/NodeProgressView/c4448725dc7f6d04df89769daa99dac431161e0a/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aesion/NodeProgressView/c4448725dc7f6d04df89769daa99dac431161e0a/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aesion/NodeProgressView/c4448725dc7f6d04df89769daa99dac431161e0a/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aesion/NodeProgressView/c4448725dc7f6d04df89769daa99dac431161e0a/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/values-w820dp/dimens.xml: -------------------------------------------------------------------------------- 1 | 2 | 5 | 64dp 6 | 7 | -------------------------------------------------------------------------------- /app/src/main/res/values/attrs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /app/src/main/res/values/colors.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | #3F51B5 4 | #303F9F 5 | #FF4081 6 | 7 | #cccccc 8 | #00bcb4 9 | 10 | -------------------------------------------------------------------------------- /app/src/main/res/values/dimens.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 16dp 4 | 16dp 5 | 6 | -------------------------------------------------------------------------------- /app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | Nodeprogress 3 | 4 | -------------------------------------------------------------------------------- /app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /app/src/test/java/com/nodeprogress/nodeprogress/ExampleUnitTest.java: -------------------------------------------------------------------------------- 1 | package com.nodeprogress.nodeprogress; 2 | 3 | import org.junit.Test; 4 | 5 | import static org.junit.Assert.*; 6 | 7 | /** 8 | * To work on unit tests, switch the Test Artifact in the Build Variants view. 9 | */ 10 | public class ExampleUnitTest { 11 | @Test 12 | public void addition_isCorrect() throws Exception { 13 | assertEquals(4, 2 + 2); 14 | } 15 | } -------------------------------------------------------------------------------- /build.gradle: -------------------------------------------------------------------------------- 1 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 2 | 3 | buildscript { 4 | repositories { 5 | jcenter() 6 | } 7 | dependencies { 8 | classpath 'com.android.tools.build:gradle:2.1.2' 9 | 10 | // NOTE: Do not place your application dependencies here; they belong 11 | // in the individual module build.gradle files 12 | } 13 | } 14 | 15 | allprojects { 16 | repositories { 17 | jcenter() 18 | } 19 | } 20 | 21 | task clean(type: Delete) { 22 | delete rootProject.buildDir 23 | } 24 | -------------------------------------------------------------------------------- /gradle.properties: -------------------------------------------------------------------------------- 1 | # Project-wide Gradle settings. 2 | 3 | # IDE (e.g. Android Studio) users: 4 | # Gradle settings configured through the IDE *will override* 5 | # any settings specified in this file. 6 | 7 | # For more details on how to configure your build environment visit 8 | # http://www.gradle.org/docs/current/userguide/build_environment.html 9 | 10 | # Specifies the JVM arguments used for the daemon process. 11 | # The setting is particularly useful for tweaking memory settings. 12 | # Default value: -Xmx10248m -XX:MaxPermSize=256m 13 | # org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8 14 | 15 | # When configured, Gradle will run in incubating parallel mode. 16 | # This option should only be used with decoupled projects. More details, visit 17 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects 18 | # org.gradle.parallel=true -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aesion/NodeProgressView/c4448725dc7f6d04df89769daa99dac431161e0a/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | #Mon Dec 28 10:00:20 PST 2015 2 | distributionBase=GRADLE_USER_HOME 3 | distributionPath=wrapper/dists 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists 6 | distributionUrl=https\://services.gradle.org/distributions/gradle-2.10-all.zip 7 | -------------------------------------------------------------------------------- /gradlew: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | 3 | ############################################################################## 4 | ## 5 | ## Gradle start up script for UN*X 6 | ## 7 | ############################################################################## 8 | 9 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 10 | DEFAULT_JVM_OPTS="" 11 | 12 | APP_NAME="Gradle" 13 | APP_BASE_NAME=`basename "$0"` 14 | 15 | # Use the maximum available, or set MAX_FD != -1 to use that value. 16 | MAX_FD="maximum" 17 | 18 | warn ( ) { 19 | echo "$*" 20 | } 21 | 22 | die ( ) { 23 | echo 24 | echo "$*" 25 | echo 26 | exit 1 27 | } 28 | 29 | # OS specific support (must be 'true' or 'false'). 30 | cygwin=false 31 | msys=false 32 | darwin=false 33 | case "`uname`" in 34 | CYGWIN* ) 35 | cygwin=true 36 | ;; 37 | Darwin* ) 38 | darwin=true 39 | ;; 40 | MINGW* ) 41 | msys=true 42 | ;; 43 | esac 44 | 45 | # Attempt to set APP_HOME 46 | # Resolve links: $0 may be a link 47 | PRG="$0" 48 | # Need this for relative symlinks. 49 | while [ -h "$PRG" ] ; do 50 | ls=`ls -ld "$PRG"` 51 | link=`expr "$ls" : '.*-> \(.*\)$'` 52 | if expr "$link" : '/.*' > /dev/null; then 53 | PRG="$link" 54 | else 55 | PRG=`dirname "$PRG"`"/$link" 56 | fi 57 | done 58 | SAVED="`pwd`" 59 | cd "`dirname \"$PRG\"`/" >/dev/null 60 | APP_HOME="`pwd -P`" 61 | cd "$SAVED" >/dev/null 62 | 63 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 64 | 65 | # Determine the Java command to use to start the JVM. 66 | if [ -n "$JAVA_HOME" ] ; then 67 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 68 | # IBM's JDK on AIX uses strange locations for the executables 69 | JAVACMD="$JAVA_HOME/jre/sh/java" 70 | else 71 | JAVACMD="$JAVA_HOME/bin/java" 72 | fi 73 | if [ ! -x "$JAVACMD" ] ; then 74 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 75 | 76 | Please set the JAVA_HOME variable in your environment to match the 77 | location of your Java installation." 78 | fi 79 | else 80 | JAVACMD="java" 81 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 82 | 83 | Please set the JAVA_HOME variable in your environment to match the 84 | location of your Java installation." 85 | fi 86 | 87 | # Increase the maximum file descriptors if we can. 88 | if [ "$cygwin" = "false" -a "$darwin" = "false" ] ; then 89 | MAX_FD_LIMIT=`ulimit -H -n` 90 | if [ $? -eq 0 ] ; then 91 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then 92 | MAX_FD="$MAX_FD_LIMIT" 93 | fi 94 | ulimit -n $MAX_FD 95 | if [ $? -ne 0 ] ; then 96 | warn "Could not set maximum file descriptor limit: $MAX_FD" 97 | fi 98 | else 99 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT" 100 | fi 101 | fi 102 | 103 | # For Darwin, add options to specify how the application appears in the dock 104 | if $darwin; then 105 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\"" 106 | fi 107 | 108 | # For Cygwin, switch paths to Windows format before running java 109 | if $cygwin ; then 110 | APP_HOME=`cygpath --path --mixed "$APP_HOME"` 111 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"` 112 | JAVACMD=`cygpath --unix "$JAVACMD"` 113 | 114 | # We build the pattern for arguments to be converted via cygpath 115 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null` 116 | SEP="" 117 | for dir in $ROOTDIRSRAW ; do 118 | ROOTDIRS="$ROOTDIRS$SEP$dir" 119 | SEP="|" 120 | done 121 | OURCYGPATTERN="(^($ROOTDIRS))" 122 | # Add a user-defined pattern to the cygpath arguments 123 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then 124 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)" 125 | fi 126 | # Now convert the arguments - kludge to limit ourselves to /bin/sh 127 | i=0 128 | for arg in "$@" ; do 129 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -` 130 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option 131 | 132 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition 133 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"` 134 | else 135 | eval `echo args$i`="\"$arg\"" 136 | fi 137 | i=$((i+1)) 138 | done 139 | case $i in 140 | (0) set -- ;; 141 | (1) set -- "$args0" ;; 142 | (2) set -- "$args0" "$args1" ;; 143 | (3) set -- "$args0" "$args1" "$args2" ;; 144 | (4) set -- "$args0" "$args1" "$args2" "$args3" ;; 145 | (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;; 146 | (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;; 147 | (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;; 148 | (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;; 149 | (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;; 150 | esac 151 | fi 152 | 153 | # Split up the JVM_OPTS And GRADLE_OPTS values into an array, following the shell quoting and substitution rules 154 | function splitJvmOpts() { 155 | JVM_OPTS=("$@") 156 | } 157 | eval splitJvmOpts $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS 158 | JVM_OPTS[${#JVM_OPTS[*]}]="-Dorg.gradle.appname=$APP_BASE_NAME" 159 | 160 | exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@" 161 | -------------------------------------------------------------------------------- /gradlew.bat: -------------------------------------------------------------------------------- 1 | @if "%DEBUG%" == "" @echo off 2 | @rem ########################################################################## 3 | @rem 4 | @rem Gradle startup script for Windows 5 | @rem 6 | @rem ########################################################################## 7 | 8 | @rem Set local scope for the variables with windows NT shell 9 | if "%OS%"=="Windows_NT" setlocal 10 | 11 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 12 | set DEFAULT_JVM_OPTS= 13 | 14 | set DIRNAME=%~dp0 15 | if "%DIRNAME%" == "" set DIRNAME=. 16 | set APP_BASE_NAME=%~n0 17 | set APP_HOME=%DIRNAME% 18 | 19 | @rem Find java.exe 20 | if defined JAVA_HOME goto findJavaFromJavaHome 21 | 22 | set JAVA_EXE=java.exe 23 | %JAVA_EXE% -version >NUL 2>&1 24 | if "%ERRORLEVEL%" == "0" goto init 25 | 26 | echo. 27 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 28 | echo. 29 | echo Please set the JAVA_HOME variable in your environment to match the 30 | echo location of your Java installation. 31 | 32 | goto fail 33 | 34 | :findJavaFromJavaHome 35 | set JAVA_HOME=%JAVA_HOME:"=% 36 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe 37 | 38 | if exist "%JAVA_EXE%" goto init 39 | 40 | echo. 41 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 42 | echo. 43 | echo Please set the JAVA_HOME variable in your environment to match the 44 | echo location of your Java installation. 45 | 46 | goto fail 47 | 48 | :init 49 | @rem Get command-line arguments, handling Windowz variants 50 | 51 | if not "%OS%" == "Windows_NT" goto win9xME_args 52 | if "%@eval[2+2]" == "4" goto 4NT_args 53 | 54 | :win9xME_args 55 | @rem Slurp the command line arguments. 56 | set CMD_LINE_ARGS= 57 | set _SKIP=2 58 | 59 | :win9xME_args_slurp 60 | if "x%~1" == "x" goto execute 61 | 62 | set CMD_LINE_ARGS=%* 63 | goto execute 64 | 65 | :4NT_args 66 | @rem Get arguments from the 4NT Shell from JP Software 67 | set CMD_LINE_ARGS=%$ 68 | 69 | :execute 70 | @rem Setup the command line 71 | 72 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 73 | 74 | @rem Execute Gradle 75 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS% 76 | 77 | :end 78 | @rem End local scope for the variables with windows NT shell 79 | if "%ERRORLEVEL%"=="0" goto mainEnd 80 | 81 | :fail 82 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 83 | rem the _cmd.exe /c_ return code! 84 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 85 | exit /b 1 86 | 87 | :mainEnd 88 | if "%OS%"=="Windows_NT" endlocal 89 | 90 | :omega 91 | -------------------------------------------------------------------------------- /image/S60628-152145.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aesion/NodeProgressView/c4448725dc7f6d04df89769daa99dac431161e0a/image/S60628-152145.jpg -------------------------------------------------------------------------------- /settings.gradle: -------------------------------------------------------------------------------- 1 | include ':app' 2 | --------------------------------------------------------------------------------