├── .gitignore ├── .idea ├── compiler.xml ├── copyright │ └── profiles_settings.xml ├── gradle.xml ├── misc.xml ├── modules.xml └── runConfigurations.xml ├── README.md ├── app ├── .gitignore ├── build.gradle ├── proguard-rules.pro └── src │ └── main │ ├── AndroidManifest.xml │ ├── java │ └── com │ │ └── zhuyong │ │ └── doublelinechatview │ │ ├── DoubleLineChatView.java │ │ └── MainActivity.java │ └── res │ ├── layout │ └── activity_main.xml │ ├── mipmap-hdpi │ ├── ic_launcher.png │ └── ic_launcher_round.png │ ├── mipmap-mdpi │ ├── ic_launcher.png │ └── ic_launcher_round.png │ ├── mipmap-xhdpi │ ├── ic_launcher.png │ └── ic_launcher_round.png │ ├── mipmap-xxhdpi │ ├── ic_launcher.png │ └── ic_launcher_round.png │ ├── mipmap-xxxhdpi │ ├── ic_launcher.png │ └── ic_launcher_round.png │ └── values │ ├── attrs.xml │ ├── colors.xml │ ├── strings.xml │ └── styles.xml ├── art └── DoubleLineChatView.gif ├── build.gradle ├── gradle.properties ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat └── 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 | .externalNativeBuild 10 | -------------------------------------------------------------------------------- /.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/gradle.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 17 | 18 | -------------------------------------------------------------------------------- /.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.8 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 | # CircleProgressBar 2 | ## 效果演示: 3 | 4 | - 详细介绍博客：[自定义View_柱形图-玩一把牛逼的~](http://www.jianshu.com/p/62f76e8d2075) 5 | 6 | ![](/art/DoubleLineChatView.gif) 7 | 8 | # 支持以下自定义属性 9 | 10 | ``` 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | ``` 47 | 48 | 49 | ### 关于我 50 | - 我的简书：[BraveJoy](http://www.jianshu.com/users/c96d2a9d160f/timeline) 51 | - 我的github：[SuperKotlin](https://github.com/SuperKotlin) -------------------------------------------------------------------------------- /app/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.application' 2 | 3 | android { 4 | compileSdkVersion 26 5 | buildToolsVersion "26.0.0" 6 | defaultConfig { 7 | applicationId "com.zhuyong.doublelinechatview" 8 | minSdkVersion 15 9 | targetSdkVersion 26 10 | versionCode 1 11 | versionName "1.0" 12 | testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner" 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 | androidTestCompile('com.android.support.test.espresso:espresso-core:2.2.2', { 25 | exclude group: 'com.android.support', module: 'support-annotations' 26 | }) 27 | compile 'com.android.support:appcompat-v7:26.+' 28 | compile 'com.android.support.constraint:constraint-layout:1.0.2' 29 | testCompile 'junit:junit:4.12' 30 | } 31 | -------------------------------------------------------------------------------- /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 C:\Users\zhuyong\AppData\Local\Android\Sdk/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 | 19 | # Uncomment this to preserve the line number information for 20 | # debugging stack traces. 21 | #-keepattributes SourceFile,LineNumberTable 22 | 23 | # If you keep the line number information, uncomment this to 24 | # hide the original source file name. 25 | #-renamesourcefileattribute SourceFile 26 | -------------------------------------------------------------------------------- /app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /app/src/main/java/com/zhuyong/doublelinechatview/DoubleLineChatView.java: -------------------------------------------------------------------------------- 1 | package com.zhuyong.doublelinechatview; 2 | 3 | import android.animation.AnimatorSet; 4 | import android.animation.ValueAnimator; 5 | import android.content.Context; 6 | import android.content.res.TypedArray; 7 | import android.graphics.Canvas; 8 | import android.graphics.Color; 9 | import android.graphics.Paint; 10 | import android.util.AttributeSet; 11 | import android.util.Log; 12 | import android.view.View; 13 | import android.view.animation.DecelerateInterpolator; 14 | 15 | /** 16 | * Created by zhuyong on 2017/10/12. 17 | */ 18 | 19 | public class DoubleLineChatView extends View { 20 | 21 | private static final String TAG = "DoubleLineChatView"; 22 | /** 23 | * 上下文 24 | */ 25 | private Context mContext; 26 | /** 27 | * 左边柱状图画笔 28 | */ 29 | private Paint mPaintLeft; 30 | /** 31 | * 右边柱状图画笔 32 | */ 33 | private Paint mPaintRight; 34 | /** 35 | * 左边柱状图文字画笔 36 | */ 37 | private Paint mPaintTextLeft; 38 | /** 39 | * 右边柱状图文字画笔 40 | */ 41 | private Paint mPaintTextRight; 42 | /** 43 | * XY轴画笔 44 | */ 45 | private Paint mPaintTextXY; 46 | 47 | /** 48 | * 左边柱状图数据 49 | */ 50 | private int[] mDataLeft = {0, 0, 0, 0}; 51 | /** 52 | * 右边柱状图数据 53 | */ 54 | private int[] mDataRight = {0, 0, 0, 0}; 55 | /** 56 | * X轴底部文字 57 | */ 58 | private String[] mDataTextX = {"", "", "", ""}; 59 | 60 | /** 61 | * Y轴文字宽度 62 | */ 63 | private float mYDistance; 64 | /** 65 | * X轴底部高度 66 | */ 67 | private float mXDistance; 68 | /** 69 | * 柱状图宽度 70 | */ 71 | private float mLineWidth; 72 | /** 73 | * 颜色字体等变量 74 | */ 75 | private int mLeftLineBackGroundColor = Color.RED; 76 | private int mRightLineBackGroundColor = Color.BLUE; 77 | private int mLeftLineTextColor = Color.RED; 78 | private int mRightLineTextColor = Color.BLUE; 79 | private float mLineTextSize; 80 | private int mLineXYColor = Color.BLACK; 81 | private float mLineXYSize; 82 | /** 83 | * 是否显示XY轴箭头 84 | */ 85 | private boolean mIsShowArrow = true; 86 | /** 87 | * 是否显示Y轴间隔标记 88 | */ 89 | private boolean mIsShowArrowYInterval = true; 90 | /** 91 | * 动画时长,默认1秒 92 | */ 93 | private int mAnimationDuration = 1000; 94 | /** 95 | * View宽度 96 | */ 97 | private int mViewWidth; 98 | /** 99 | * View高度 100 | */ 101 | private int mViewHeight; 102 | /** 103 | * 柱状图的Y轴最大数据，等于或者大于两个数组中的最大值 104 | */ 105 | private int mMaxData; 106 | /** 107 | * 两组柱状图之间的距离（偏大距离） 108 | */ 109 | private float mBigDistance; 110 | /** 111 | * 两个柱状图之间的距离（偏小距离） 112 | */ 113 | private float mSmallDistance; 114 | 115 | public DoubleLineChatView(Context context) { 116 | this(context, null); 117 | } 118 | 119 | public DoubleLineChatView(Context context, AttributeSet attrs) { 120 | this(context, attrs, 0); 121 | } 122 | 123 | public DoubleLineChatView(Context context, AttributeSet attrs, int defStyleAttr) { 124 | super(context, attrs, defStyleAttr); 125 | mContext = context; 126 | //获取自定义属性 127 | TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.DoubleLineChatView); 128 | //柱状图的宽度 129 | mLineWidth = array.getDimension(R.styleable.DoubleLineChatView_chatview_line_width, dip2px(mContext, 30)); 130 | //左边柱状图的背景色 131 | mLeftLineBackGroundColor = array.getColor(R.styleable.DoubleLineChatView_chatview_left_background_color, mLeftLineBackGroundColor); 132 | //右边柱状图的背景色 133 | mRightLineBackGroundColor = array.getColor(R.styleable.DoubleLineChatView_chatview_right_background_color, mRightLineBackGroundColor); 134 | //左边柱状图的数据字体颜色 135 | mLeftLineTextColor = array.getColor(R.styleable.DoubleLineChatView_chatview_left_text_data_color, mLeftLineTextColor); 136 | //右边柱状图的数据字体颜色 137 | mRightLineTextColor = array.getColor(R.styleable.DoubleLineChatView_chatview_right_text_data_color, mRightLineTextColor); 138 | //柱状图的数据字体大小 139 | mLineTextSize = array.getDimension(R.styleable.DoubleLineChatView_chatview_text_data_size, sp2px(mContext, 14)); 140 | //XY轴的颜色以及字体颜色 141 | mLineXYColor = array.getColor(R.styleable.DoubleLineChatView_chatview_text_xy_color, mLineXYColor); 142 | //XY轴的字体大小 143 | mLineXYSize = array.getDimension(R.styleable.DoubleLineChatView_chatview_text_xy_size, sp2px(mContext, 14)); 144 | //两组柱状图之间的距离（偏大距离） 145 | mBigDistance = array.getDimension(R.styleable.DoubleLineChatView_chatview_line_big_distance, dip2px(mContext, 20)); 146 | //两个柱状图之间的距离（偏小距离） 147 | mSmallDistance = array.getDimension(R.styleable.DoubleLineChatView_chatview_line_small_distance, dip2px(mContext, 5)); 148 | //是否显示XY轴的箭头 149 | mIsShowArrow = array.getBoolean(R.styleable.DoubleLineChatView_chatview_show_arrow, true); 150 | //是否显示Y轴的数据间隔标志 151 | mIsShowArrowYInterval = array.getBoolean(R.styleable.DoubleLineChatView_chatview_show_y_interval, true); 152 | //柱状图生长动画时间，默认1秒 153 | mAnimationDuration = array.getInteger(R.styleable.DoubleLineChatView_chatview_animation_duration, 1000); 154 | //Y轴数据的宽度，也就是Y轴距离左边的宽度，这个要根据数据字符串的长度进行调整 155 | mYDistance = array.getDimension(R.styleable.DoubleLineChatView_chatview_y_distance, dip2px(mContext, 40)); 156 | //X轴数据的高度，也就是X轴距离底部的距离 157 | mXDistance = array.getDimension(R.styleable.DoubleLineChatView_chatview_x_distance, dip2px(mContext, 40)); 158 | array.recycle(); 159 | initView(); 160 | } 161 | 162 | /** 163 | * 初始化画笔 164 | */ 165 | private void initView() { 166 | //左边柱状图 167 | mPaintLeft = new Paint(); 168 | mPaintLeft.setColor(mLeftLineBackGroundColor); 169 | mPaintLeft.setStrokeWidth(mLineWidth); 170 | mPaintLeft.setAntiAlias(true); 171 | 172 | //右边柱状图 173 | mPaintRight = new Paint(); 174 | mPaintRight.setColor(mRightLineBackGroundColor); 175 | mPaintRight.setStrokeWidth(mLineWidth); 176 | mPaintRight.setAntiAlias(true); 177 | 178 | //左边柱状图字体数据 179 | mPaintTextLeft = new Paint(); 180 | mPaintTextLeft.setColor(mLeftLineTextColor); 181 | mPaintTextLeft.setTextSize(mLineTextSize); 182 | mPaintTextLeft.setAntiAlias(true); 183 | 184 | //右边柱状图字体数据 185 | mPaintTextRight = new Paint(); 186 | mPaintTextRight.setColor(mRightLineTextColor); 187 | mPaintTextRight.setTextSize(mLineTextSize); 188 | mPaintTextRight.setAntiAlias(true); 189 | 190 | //XY轴 191 | mPaintTextXY = new Paint(); 192 | mPaintTextXY.setStrokeWidth(3); 193 | mPaintTextXY.setColor(mLineXYColor); 194 | mPaintTextXY.setTextSize(mLineXYSize); 195 | mPaintTextXY.setAntiAlias(true); 196 | } 197 | 198 | /** 199 | * 数据 200 | * 201 | * @param dataLeft 左边柱状图数据 202 | * @param dataRight 右边柱状图数据 203 | * @param dataTextX X轴文字数组 204 | */ 205 | public void setData(int[] dataLeft, int[] dataRight, String[] dataTextX) { 206 | this.mDataLeft = dataLeft; 207 | this.mDataRight = dataRight; 208 | this.mDataTextX = dataTextX; 209 | //找出两个数组中的最大值 210 | int maxLeft = getMax(mDataLeft); 211 | int maxRight = getMax(mDataRight); 212 | mMaxData = maxLeft > maxRight ? maxLeft : maxRight; 213 | Log.i(TAG, "mMaxCount=" + mMaxData); 214 | //计算Y轴坐标最大值，根据当前最大数据并且是5的整倍数计算 215 | while (mMaxData % 5 != 0) { 216 | mMaxData++; 217 | } 218 | Log.i(TAG, "mMaxCount=" + mMaxData); 219 | } 220 | 221 | /** 222 | * 找出数组中的最大值 223 | * 224 | * @param arr 目标数组 225 | * @return 最大值 226 | */ 227 | private static int getMax(int[] arr) { 228 | int max = arr[0]; 229 | for (int i = 1; i < arr.length; i++) { 230 | if (arr[i] > max) { 231 | max = arr[i]; 232 | } 233 | } 234 | return max; 235 | } 236 | 237 | @Override 238 | protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 239 | super.onMeasure(widthMeasureSpec, heightMeasureSpec); 240 | setDimension(heightMeasureSpec); 241 | } 242 | 243 | /** 244 | * 重新赋予宽高 245 | */ 246 | private void setDimension(int heightMeasureSpec) { 247 | // 248 | mViewWidth = (int) (mYDistance + mBigDistance + (mDataLeft.length * (mLineWidth * 2 + mBigDistance + mSmallDistance))); 249 | mViewHeight = MeasureSpec.getSize(heightMeasureSpec); 250 | Log.i(TAG, "mViewWidth=" + mViewWidth + "px"); 251 | Log.i(TAG, "mViewHeight=" + mViewHeight + "px"); 252 | setMeasuredDimension(mViewWidth, mViewHeight); 253 | } 254 | 255 | @Override 256 | protected void onDraw(Canvas canvas) { 257 | super.onDraw(canvas); 258 | /** 259 | * 绘制柱状图 260 | */ 261 | drawLineData(canvas); 262 | /** 263 | * 绘制坐标轴 264 | */ 265 | drawLineXY(canvas); 266 | /** 267 | * 绘制X坐标值 268 | */ 269 | drawLineX(canvas); 270 | /** 271 | * 绘制Y坐标值 272 | */ 273 | drawLineY(canvas); 274 | } 275 | 276 | /** 277 | * 绘制X坐标值 278 | */ 279 | private void drawLineX(Canvas canvas) { 280 | for (int i = 0; i < mDataTextX.length; i++) { 281 | //绘制进度数字 282 | String text = mDataTextX[i]; 283 | //获取文字宽度 284 | float textWidth = mPaintTextXY.measureText(text, 0, text.length()); 285 | float dx = (mYDistance + mBigDistance + mSmallDistance / 2 + mLineWidth + (i * (mBigDistance + mSmallDistance + 2 * mLineWidth))) - textWidth / 2; 286 | Paint.FontMetricsInt fontMetricsInt = mPaintTextXY.getFontMetricsInt(); 287 | float dy = (fontMetricsInt.bottom - fontMetricsInt.top) / 2 - fontMetricsInt.bottom; 288 | float baseLine = mViewHeight - mXDistance / 2 + dy; 289 | canvas.drawText(text, dx, baseLine, mPaintTextXY); 290 | } 291 | } 292 | 293 | /** 294 | * 绘制Y坐标值 295 | * 这里的坐标值是根据最大值计算出来对应的间隔，然后从0显示出6个数据 296 | */ 297 | private void drawLineY(Canvas canvas) { 298 | for (int i = 0; i < 6; i++) { 299 | //绘制进度数字 300 | String text = (mMaxData / 5 * i) + ""; 301 | //获取文字宽度 302 | float textWidth = mPaintTextXY.measureText(text, 0, text.length()); 303 | float dx = mYDistance / 2 - textWidth / 2; 304 | Paint.FontMetricsInt fontMetricsInt = mPaintTextXY.getFontMetricsInt(); 305 | float dy = (fontMetricsInt.bottom - fontMetricsInt.top) / 2 - fontMetricsInt.bottom; 306 | float baseLine = (mViewHeight - mXDistance) - (i * (mViewHeight - 2 * mXDistance) / 5) + dy; 307 | canvas.drawText(text, dx, baseLine, mPaintTextXY); 308 | if (mIsShowArrowYInterval) canvas.drawLine(mYDistance, (mViewHeight - mXDistance) 309 | - (i * (mViewHeight - 2 * mXDistance) / 5), mYDistance + 10, 310 | (mViewHeight - mXDistance) - (i * (mViewHeight - 2 * mXDistance) / 5), mPaintTextXY); 311 | } 312 | } 313 | 314 | /** 315 | * 绘制坐标轴 316 | */ 317 | private void drawLineXY(Canvas canvas) { 318 | canvas.drawLine(mYDistance, mViewHeight - mXDistance, mYDistance, 15, mPaintTextXY); 319 | canvas.drawLine(mYDistance, mViewHeight - mXDistance, mViewWidth - 15, mViewHeight - mXDistance, mPaintTextXY); 320 | 321 | if (mIsShowArrow) { 322 | //Y轴箭头 323 | canvas.drawLine(mYDistance, 15, mYDistance - 10, 25, mPaintTextXY); 324 | canvas.drawLine(mYDistance, 15, mYDistance + 10, 25, mPaintTextXY); 325 | //X轴箭头 326 | canvas.drawLine(mViewWidth - 15, mViewHeight - mXDistance, mViewWidth - 25, mViewHeight - mXDistance - 10, mPaintTextXY); 327 | canvas.drawLine(mViewWidth - 15, mViewHeight - mXDistance, mViewWidth - 25, mViewHeight - mXDistance + 10, mPaintTextXY); 328 | 329 | } 330 | } 331 | 332 | /** 333 | * 绘制柱状图 334 | */ 335 | private void drawLineData(Canvas canvas) { 336 | for (int i = 0; i < mDataLeft.length; i++) { 337 | float startX = mYDistance + mBigDistance + mLineWidth / 2 + (i * (mBigDistance + mSmallDistance + 2 * mLineWidth)); 338 | float endY = (mViewHeight - mXDistance) - (mDataLeft[i] * (mViewHeight - 2 * mXDistance)) / mMaxData; 339 | canvas.drawLine(startX, mViewHeight - mXDistance, startX, endY, mPaintLeft); 340 | String text = mDataLeft[i] + ""; 341 | float textWidth = mPaintTextLeft.measureText(text, 0, text.length()); 342 | canvas.drawText(text, startX - textWidth / 2, endY - 15, mPaintTextLeft); 343 | } 344 | 345 | for (int i = 0; i < mDataRight.length; i++) { 346 | float startX = mYDistance + mBigDistance + mSmallDistance + mLineWidth + mLineWidth / 2 + (i * (mBigDistance + mSmallDistance + 2 * mLineWidth)); 347 | float endY = ((mViewHeight - mXDistance)) - (mDataRight[i] * (mViewHeight - 2 * mXDistance)) / mMaxData; 348 | canvas.drawLine(startX, mViewHeight - mXDistance, startX, endY, mPaintRight); 349 | String text = mDataRight[i] + ""; 350 | float textWidth = mPaintTextRight.measureText(text, 0, text.length()); 351 | canvas.drawText(text, startX - textWidth / 2, endY - 15, mPaintTextRight); 352 | } 353 | } 354 | 355 | /** 356 | * 开启动画，并且绘制图表 357 | */ 358 | public void start() { 359 | AnimatorSet set = new AnimatorSet(); 360 | for (int i = 0; i < mDataLeft.length; i++) { 361 | ValueAnimator animator = ValueAnimator.ofInt(0, mDataLeft[i]); 362 | final int finalI = i; 363 | animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { 364 | @Override 365 | public void onAnimationUpdate(ValueAnimator valueAnimator) { 366 | mDataLeft[finalI] = (int) valueAnimator.getAnimatedValue(); 367 | invalidate(); 368 | } 369 | }); 370 | set.playTogether(animator); 371 | } 372 | 373 | for (int i = 0; i < mDataRight.length; i++) { 374 | ValueAnimator animator = ValueAnimator.ofInt(0, mDataRight[i]); 375 | final int finalI = i; 376 | animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { 377 | @Override 378 | public void onAnimationUpdate(ValueAnimator valueAnimator) { 379 | mDataRight[finalI] = (int) valueAnimator.getAnimatedValue(); 380 | invalidate(); 381 | } 382 | }); 383 | set.playTogether(animator); 384 | } 385 | set.setInterpolator(new DecelerateInterpolator()); 386 | set.setDuration(mAnimationDuration); 387 | set.start(); 388 | } 389 | 390 | /** 391 | * sp转px 392 | */ 393 | public static int sp2px(Context context, float spValue) { 394 | final float fontScale = context.getResources().getDisplayMetrics().scaledDensity; 395 | return (int) (spValue * fontScale + 0.5f); 396 | } 397 | 398 | /** 399 | * dp转px 400 | */ 401 | public static int dip2px(Context context, float dpValue) { 402 | final float scale = context.getResources().getDisplayMetrics().density; 403 | return (int) (dpValue * scale + 0.5f); 404 | } 405 | 406 | } 407 | -------------------------------------------------------------------------------- /app/src/main/java/com/zhuyong/doublelinechatview/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.zhuyong.doublelinechatview; 2 | 3 | import android.support.v7.app.AppCompatActivity; 4 | import android.os.Bundle; 5 | import android.view.View; 6 | 7 | public class MainActivity extends AppCompatActivity { 8 | /** 9 | * 第一组数据 10 | */ 11 | private int[] mDataLeft = {60, 180, 130, 10, 299, 45, 199, 20, 250}; 12 | private int[] mDataRight = {151, 65, 280, 66, 105, 88, 198, 299, 45}; 13 | private String[] mDataTextX = {"项目1", "项目2", "项目3", "项目4", "项目5", "项目6", "项目7", "项目8", "项目9"}; 14 | 15 | /** 16 | * 第二组数据 17 | */ 18 | private int[] mDataLeftTwo = {60, 181, 130, 100}; 19 | private int[] mDataRightTwo = {151, 65, 40, 20}; 20 | private String[] mDataTextXTwo = {"测试1", "测试2", "测试3", "测试4"}; 21 | 22 | @Override 23 | protected void onCreate(Bundle savedInstanceState) { 24 | super.onCreate(savedInstanceState); 25 | setContentView(R.layout.activity_main); 26 | 27 | final DoubleLineChatView doubleLineChatViewOne = (DoubleLineChatView) findViewById(R.id.line_chat_one); 28 | doubleLineChatViewOne.setData(mDataLeft, mDataRight, mDataTextX); 29 | doubleLineChatViewOne.start(); 30 | 31 | final DoubleLineChatView doubleLineChatViewTwo = (DoubleLineChatView) findViewById(R.id.line_chat_two); 32 | doubleLineChatViewTwo.setData(mDataLeftTwo, mDataRightTwo, mDataTextXTwo); 33 | 34 | findViewById(R.id.btn_start).setOnClickListener(new View.OnClickListener() { 35 | @Override 36 | public void onClick(View view) { 37 | doubleLineChatViewTwo.start(); 38 | } 39 | }); 40 | } 41 | } 42 | -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_main.xml: -------------------------------------------------------------------------------- 1 | 2 | 10 | 11 | 17 | 18 | 37 | 38 | 39 | 40 | 45 | 46 |