Android-自己定义显示价格的PriceView
转载请标明出处:http://blog.csdn.net/goldenfish1919/article/details/44418883
先看一下我们要做的效果:
价格分成了3部分。前面是一个¥,中间的整数部分,后面的小数部分,中间还带一个删除线。
參考:http://blog.csdn.net/lmj623565791/article/details/44098729,我们这个事实上更简单,自己定义一个view。然后把三个部分和删除线分别画出来就能够了。
PriceView.java:
public class PriceView extends View{ private String value = null; private int moneySize = -1; private int intSize = -1; private int decimalSize = -1; private String money = "¥"; private String decimalPart = ""; private String intPart = ""; private int moneyStart = 0; private int intStart = 0; private int decimalStart = 0; private int textColor = 0; private boolean strike = false; private boolean withEndZero = true; private Paint mPaint; private Rect mTextBound = new Rect(); private int totalWidth = 0; private int maxHeight = 0; private boolean hasComma = false; public PriceView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(context, attrs); } public PriceView(Context context, AttributeSet attrs) { this(context, attrs, 0); } public PriceView(Context context) { this(context, null); } public void setText(String text){ this.value = text; calcTextDimens(); } private void init(Context context, AttributeSet attrs){ mPaint = new Paint(Paint.ANTI_ALIAS_FLAG); getProperties(context, attrs); calcTextDimens(); } private void calcTextDimens() { totalWidth = 0; maxHeight = 0; //把text分成三个部分 if(value == null || value.length() <= 0){ return; } String arr[] = value.split("\\."); //整数部分 intPart = arr[0]; if(intPart.length() > 0 && intPart.charAt(0) == '¥'){ intPart = intPart.substring(1); } if(intPart.indexOf(",") >= 0){ hasComma = true; }else{ hasComma = false; } //小数部分 decimalPart = arr.length > 1?arr[1]:""; if(decimalPart != null){ if(!withEndZero){ decimalPart = decimalPart.replaceAll("0{1,}$", ""); } if(decimalPart != null && decimalPart.length() > 0){ decimalPart = "."+decimalPart; } } //处理¥ int moneyWidth = process(money, moneySize); moneyStart = getPaddingLeft(); //处理整数部分 int intWidth = process(intPart, intSize); intStart = moneyStart + moneyWidth; //处理小数部分 process(decimalPart, decimalSize); decimalStart = intStart + intWidth; totalWidth += getPaddingLeft() + getPaddingRight(); maxHeight += getPaddingTop() + getPaddingBottom(); } private int process(String text, int textSize){ if(text == null || text.length() <= 0){ return 0; } mPaint.setTextSize(textSize); int textWidth = (int) mPaint.measureText(text); mPaint.getTextBounds(text, 0, text.length(), mTextBound); totalWidth += textWidth; maxHeight = mTextBound.height() > maxHeight?
mTextBound.height() : maxHeight; return textWidth; } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { int width = measureWidth(widthMeasureSpec); int height = measureHeight(heightMeasureSpec); setMeasuredDimension(width, height); } protected void onDraw(Canvas canvas) { super.onDraw(canvas); mPaint.setColor(textColor); //画中间的删除线 if(strike){ //mPaint.setFlags(Paint.STRIKE_THRU_TEXT_FLAG);是不能够的。为什么不能够能够自己试一下 float startX = getPaddingLeft(); float startY = (getMeasuredHeight() - getPaddingBottom() - getPaddingTop()) /2 + getPaddingTop(); float stopX = getMeasuredWidth() - getPaddingRight(); float stopY = startY; canvas.drawLine(startX, startY , stopX, stopY, mPaint); } int y = getMeasuredHeight() - getPaddingBottom(); if(hasComma){ y -= dp2px(getContext(), 3); } //画¥ mPaint.setTextSize(moneySize); canvas.drawText(money, moneyStart, y, mPaint); //画整数部分 mPaint.setTextSize(intSize); canvas.drawText(intPart, intStart, y, mPaint); //画小数部分 mPaint.setTextSize(decimalSize); canvas.drawText(decimalPart, decimalStart, y, mPaint); } private int measureWidth(int measureSpec) { int mode = MeasureSpec.getMode(measureSpec); int val = MeasureSpec.getSize(measureSpec); int result = 0; switch (mode){ case MeasureSpec.EXACTLY: result = val; break; case MeasureSpec.AT_MOST: case MeasureSpec.UNSPECIFIED: result = totalWidth; break; } return result; } private int measureHeight(int measureSpec) { int mode = MeasureSpec.getMode(measureSpec); int val = MeasureSpec.getSize(measureSpec); int result = 0; switch (mode){ case MeasureSpec.EXACTLY: result = val; break; case MeasureSpec.AT_MOST: case MeasureSpec.UNSPECIFIED: result = maxHeight; break; } return result; } private void getProperties(Context context, AttributeSet attrs){ //自己定义的属性 TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.CartPriceValue); int textSize = a.getDimensionPixelSize(R.styleable.CartPriceValue_textSize, 14); String value = a.getString(R.styleable.CartPriceValue_value); int textColor = a.getColor(R.styleable.CartPriceValue_textColor, 0xffffff); int moneySize = a.getDimensionPixelSize(R.styleable.CartPriceValue_moneySize, textSize); int intSize = a.getDimensionPixelSize(R.styleable.CartPriceValue_intSize, textSize); int decimalSize = a.getDimensionPixelSize(R.styleable.CartPriceValue_decimalSize, textSize); boolean strike = a.getBoolean(R.styleable.CartPriceValue_strike, false); boolean withEndZero = a.getBoolean(R.styleable.CartPriceValue_withEndZero, true); this.value = value; this.textColor = textColor; this.moneySize = moneySize; this.intSize = intSize; this.decimalSize = decimalSize; this.strike = strike; this.withEndZero = withEndZero; a.recycle(); } public static int px2dp(Context context, float pxValue) { final float scale = context.getResources().getDisplayMetrics().density; return (int) (pxValue / scale + 0.5f); } public static int dp2px(Context context, float dpValue) { final float scale = context.getResources().getDisplayMetrics().density; return (int) (dpValue * scale + 0.5f); } }
attr.xml:
<?xml version="1.0" encoding="utf-8"?> <resources> <declare-styleable name="CartPriceValue"> <attr name="value" format="reference|string" /> <attr name="textColor" format="reference|color" /> <attr name="textSize" format="reference|dimension" /> <attr name="moneySize" format="reference|dimension" /> <attr name="intSize" format="reference|dimension" /> <attr name="decimalSize" format="reference|dimension" /> <attr name="strike" format="boolean" /> <attr name="withEndZero" format="boolean" /> </declare-styleable> </resources>
布局文件main.xml:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:cart="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@android:color/white" android:orientation="vertical" > <com.example.priceview.PriceView android:id="@+id/priceview1" android:layout_width="wrap_content" android:layout_height="wrap_content" cart:value="¥12.345" cart:moneySize="14dp" cart:intSize="20dp" cart:decimalSize="16dp" cart:textColor="#ff0000" cart:strike="true" android:padding="10dp"/> <com.example.priceview.PriceView android:id="@+id/priceview2" android:layout_width="wrap_content" android:layout_height="wrap_content" cart:value="¥12.0" cart:moneySize="14dp" cart:intSize="20dp" cart:decimalSize="16dp" cart:textColor="#ff0000" cart:strike="true" android:padding="10dp"/> <com.example.priceview.PriceView android:id="@+id/priceview3" android:layout_width="wrap_content" android:layout_height="wrap_content" cart:value="¥12.0" cart:moneySize="14dp" cart:intSize="20dp" cart:decimalSize="16dp" cart:textColor="#ff0000" cart:strike="true" cart:withEndZero="false"/> </LinearLayout>
project源代码下载:http://download.csdn.net/download/goldenfish1919/8512713
ps:
(1)在一个ListView中使用这个PriceView的时候,发现有的时候价格被截断没有展示出来,后来才发现是由于Listview中的View复用导致的。
因此须要在setText()中显式的调用一下requestLayout()。它会导致又一次调用onMeasure()。
(2)后来又发现个问题,当整数部分带有逗号的时候,逗号会显示不全,不知道是哪块代码出的问题。有大神不吝赐教下吗?