Android評(píng)分RationBar控件使用詳解
Android評(píng)分RationBar控件,供大家參考,具體內(nèi)容如下
主要是不想用太多三方的控件,所以決定盡可能自己寫(xiě),最近有寫(xiě)一個(gè)評(píng)分的頁(yè)面,廢話不多說(shuō)直接上圖
我覺(jué)得嘛 這個(gè)東西用ViewGroup包起來(lái)感覺(jué)會(huì)寫(xiě)很多View 于是我決定使用之定義控件 直接上代碼
/** * 評(píng)論專用星星 * <p> * 寬高都不能用wrap_content 必須使用固定值或者match_parent * <p> * MIXED : 在控件的寬度范圍內(nèi)等分星星 * <p> * SCROLL:根據(jù) 星星的寬度和每個(gè)星星之間的間距畫(huà)星星 */ public class SuperRationBar extends View implements View.OnTouchListener { final public static int MIXED = 0; final public static int SCROLL = 1; //不傳默認(rèn)為 MIXED private int mode = MIXED; // 需要建立多少星星 不傳 默認(rèn)為5 private int number = 5; // 單個(gè)星星的寬度 這里寬度和高度相等 必傳 private int startWidth = 50; // 每個(gè)星星之間的間距 默認(rèn)20 (mode == MIXED 用不到) private int startPadding = 10; //是否已經(jīng)初始化試圖 private boolean isInit = false; //被選中的個(gè)數(shù) private int selectNumber = 0; //選中的樣式 private Bitmap bmSel; //未選中的樣式 private Bitmap bmNol; //記錄每個(gè)星星的位置 用 , 分割 private List<String> pointList; // 畫(huà)筆 private Paint mPaint; public SuperRationBar(Context context, AttributeSet attrs) { super(context, attrs); init(context, attrs); init(context); } private void init(Context context) { mPaint = new Paint(); setOnTouchListener(this); } private void init(Context context, AttributeSet attrs) { TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.SuperRationBar); mode = a.getInteger(R.styleable.SuperRationBar_mode, MIXED); number = a.getInteger(R.styleable.SuperRationBar_SuperRationBar_number, 5); startWidth = (int) a.getDimension(R.styleable.SuperRationBar_SuperRationBar_startWidth, 50); startPadding = (int) a.getDimension(R.styleable.SuperRationBar_SuperRationBar_startPadding, 10); a.recycle(); } @Override public void draw(Canvas canvas) { super.draw(canvas); if (!isInit) { return; } {//記錄每個(gè)星星的位置 用 , 分割 pointList = new ArrayList<>(); } if (mode == MIXED) { //單個(gè)星星的寬度 int itemWidth = getWidth() / number; //根據(jù)每個(gè)星星之間的間距畫(huà)星星 for (int i = 0; i < number; i++) { int left = i == 0 ? 0 : itemWidth * i; int height = getHeight(); int bmHeight = bmSel.getHeight(); int top = (getHeight() - startWidth) / 2; pointList.add(left + "," + top + "," + (left + itemWidth) + "," + (top + itemWidth)); if (i < selectNumber) { canvas.drawBitmap(bmSel, left, top, mPaint); } else { canvas.drawBitmap(bmNol, left, top, mPaint); } } } else if (mode == SCROLL) { int totalWidth = (startWidth + startPadding) * (number - 1) + startWidth; //單個(gè)星星的寬度 int itemWidth = totalWidth / number; //根據(jù)每個(gè)星星之間的間距畫(huà)星星 for (int i = 0; i < number; i++) { int left = i == 0 ? 0 : itemWidth * i; int top = (getHeight() - startWidth) / 2; pointList.add(left + "," + top + "," + (left + itemWidth) + "," + (top + itemWidth)); if (i < selectNumber) { canvas.drawBitmap(bmSel, left, top, mPaint); } else { canvas.drawBitmap(bmNol, left, top, mPaint); } } } } @Override protected void onFinishInflate() { super.onFinishInflate(); isInit = true; } /** * 設(shè)置三種圖片樣式的id * * @param selId * @param nolId */ public SuperRationBar setImageResIds(int selId, int nolId) { bmSel = BitmapFactory.decodeResource(getResources(), selId); bmNol = BitmapFactory.decodeResource(getResources(), nolId); bmSel = zoomBitmap(bmSel, startWidth); bmNol = zoomBitmap(bmNol, startWidth); return this; } /** * 調(diào)用這個(gè)方法刷新頁(yè)面 */ public void launcher() { if (isInit) { postInvalidate(); } else { post(new Runnable() { @Override public void run() { postInvalidate(); } }); } } @Override public boolean onTouch(View v, MotionEvent event) { if (event.getAction() == MotionEvent.ACTION_DOWN || event.getAction() == MotionEvent.ACTION_MOVE) { if (pointList != null) { int num = contain((int) event.getX(), (int) event.getY()); if (num != -1) { selectNumber = num + 1; } postInvalidate(); } if (event.getAction() == MotionEvent.ACTION_DOWN) { return true; } } return false; } /** * 判斷點(diǎn)擊的位置是不是在星星上邊 并返回星星的下標(biāo) 錯(cuò)誤 返回-1 * * @param x * @param y * @return */ private int contain(int x, int y) { int size = pointList.size(); for (int i = 0; i < size; i++) { String[] pointArray = pointList.get(i).split(","); int rl = Integer.parseInt(pointArray[0]); int rt = Integer.parseInt(pointArray[1]); int rr = Integer.parseInt(pointArray[2]); int rb = Integer.parseInt(pointArray[3]); if (x > rl && x < rr) { //在范圍內(nèi) 返回下標(biāo) return i; } } return -1; } public int getSelectNumber() { return selectNumber; } /** * 等比例縮放bitmap圖片 * * @param bitmap * @param reqWidth * @return */ public Bitmap zoomBitmap(Bitmap bitmap, float reqWidth) { if (bitmap == null) { return null; } final int width = bitmap.getWidth(); Matrix matrix = new Matrix(); float scale = reqWidth / width; matrix.setScale(scale, scale); bitmap = Bitmap.createBitmap(bitmap, 0, 0, bitmap.getWidth(), bitmap.getHeight(), matrix, true); return bitmap; } }
<declare-styleable name="SuperRationBar"> <attr name="SuperRationBar_number" format="integer" /> <attr name="SuperRationBar_startWidth" format="dimension" /> <attr name="SuperRationBar_startPadding" format="dimension" /> <attr name="mode"> <enum name="fixed" value="0" /> <enum name="scroll" value="1" /> </attr> </declare-styleable>
注釋得還是挺詳細(xì)的 這里直接上使用代碼
<com.xxx.widget.SuperRationBar android:id="@+id/RationBar0" android:layout_width="match_parent" android:layout_height="50dp" android:layout_marginLeft="50dp" android:layout_marginTop="10dp" android:layout_marginRight="50dp" android:background="@color/colorAccent" app:SuperRationBar_number="6" app:SuperRationBar_startPadding="10dp" app:SuperRationBar_startWidth="40dp" app:mode="fixed" />
SuperRationBar_startWidth 這個(gè)為必傳 而且只能在布局里面?zhèn)? RationBar0.setImageResIds(R.mipmap.img_ration_bar_sel, R.mipmap.img_ration_bar_nol) .launcher();
使用就這么一句 調(diào)用
int number0 = RationBar0.getSelectNumber();
可以獲取到當(dāng)前的評(píng)分是多少
以上代碼可以復(fù)制粘貼使用 有經(jīng)驗(yàn)的小伙伴們 改改代碼就可以實(shí)現(xiàn) 別的功能了
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android開(kāi)發(fā)之拖動(dòng)條/滑動(dòng)條控件、星級(jí)評(píng)分控件功能的實(shí)例代碼
- Android開(kāi)發(fā)之自定義星星評(píng)分控件RatingBar用法示例
- Android自定義星星可滑動(dòng)評(píng)分控件
- Android RatingBar星星評(píng)分控件實(shí)例代碼
- Android自定義星星評(píng)分控件
- Android評(píng)分控件RatingBar使用實(shí)例解析
- Android星級(jí)評(píng)分條控件RatingBar使用詳解
- Android UI控件RatingBar實(shí)現(xiàn)自定義星星評(píng)分效果
- Android控件之RatingBar自定義星級(jí)評(píng)分樣式
- Android自定義View仿大眾點(diǎn)評(píng)星星評(píng)分控件
相關(guān)文章
Android中使用SharedPreferences完成記住賬號(hào)密碼的功能
這篇文章主要介紹了Android中使用SharedPreferences完成記住賬號(hào)密碼的功能,需要的朋友可以參考下2017-08-08Android IPC機(jī)制Messenger實(shí)例詳解
這篇文章主要介紹了 Android IPC機(jī)制Messenger實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2017-07-07Android 簡(jiǎn)單封裝獲取驗(yàn)證碼倒計(jì)時(shí)功能
倒計(jì)時(shí)效果相信大家都不陌生,我們可以使用很多種方法去實(shí)現(xiàn)此效果,這里自己采用 CountDownTimer 定時(shí)器簡(jiǎn)單封裝下此效果,方便我們隨時(shí)調(diào)用。下面小編給大家分享android驗(yàn)證碼倒計(jì)時(shí)封裝方法,感興趣的朋友一起看看吧2018-01-01RecyclerView設(shè)置間距和添加分割線的方法
在使用RecyclerView布局,經(jīng)常需要調(diào)整間距和添加分割線以達(dá)到更美觀效果,這篇文章主要介紹了RecyclerView設(shè)置間距和添加分割線的方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-09-09Android WebView調(diào)用本地相冊(cè)的方法
這篇文章主要為大家詳細(xì)介紹了Android WebView調(diào)用本地相冊(cè)的方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-12-12解析android中的幫助、about、關(guān)于作者、HELP等提示頁(yè)面
本篇文章是對(duì)android中的幫助、about、關(guān)于作者、HELP等提示頁(yè)面進(jìn)行了詳細(xì)的分析介紹,需要的朋友參考下2013-06-06安卓Android6.0權(quán)限動(dòng)態(tài)獲取操作示例
這篇文章主要介紹了安卓Android6.0權(quán)限動(dòng)態(tài)獲取操作,結(jié)合實(shí)例形式分析了Android6.0針對(duì)權(quán)限的動(dòng)態(tài)獲取、授權(quán)等相關(guān)操作技巧,需要的朋友可以參考下2018-02-02