2. 程式人生 > >android 自定義view 圓形可移動

android 自定義view 圓形可移動

阿新 • • 發佈：2019-01-23
Mycircle2 extends View { private Paint paint; private int rawX; private int rawY; private int wid; private int he; int statusBarHeight1 = -1; //構造方法，一般會重寫三個 //用於初始化一些資料，或者其他東西 public Mycircle2(Context context) { this(context,null); } public Mycircle2(Context context, @Nullable
AttributeSet attrs) { this(context, attrs,0); } public Mycircle2(Context context, @Nullable AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); //初始化畫筆 //抗鋸齒 paint = new Paint(Paint.ANTI_ALIAS_FLAG); //設定畫筆 paint.setColor(Color.GREEN
);//設定畫筆顏色 paint.setStrokeWidth(3);//設定畫筆粗細 //獲取整個螢幕的高度和寬度 DisplayMetrics displayMetrics = context.getResources().getDisplayMetrics(); wid = displayMetrics.widthPixels; he = displayMetrics.heightPixels; //獲取status_bar_height資源的ID 獲取狀態列的高度 int resourceId = getResources().getIdentifier("status_bar_height"
, "dimen", "android"); if (resourceId > 0) { //根據資源ID獲取響應的尺寸值 statusBarHeight1 = getResources().getDimensionPixelSize(resourceId); } } //重寫繪製的方法 @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); canvas.drawCircle(50,50,50,paint); /* paint.setColor(Color.LTGRAY); //例項化路徑 Path path = new Path(); path.moveTo(80, 200);// 此點為多邊形的起點 path.lineTo(120, 250); path.lineTo(80, 250); path.close(); // 使這些點構成封閉的多邊形 canvas.drawPath(path, paint);*/ } //拖動事件 //拖動的實現原理： /** * 每個View在螢幕上都有個座標，也就是上下左右邊距，在螢幕上都有（x，y）座標。如果座標移動，那麼View的位置也會移動 * ，這是比較好理解的。 * 我們手指在手機螢幕上滑動的時候，手指的座標也是移動的。 * 我們只需要獲得手指從按下到離開過程中的距離差，然後將距離差加到原來的座標上就可以是實現控制元件的移動。 * 如果要實現拖動，那麼在滑動的過程中，不斷的獲取距離差，不斷的加到原來的座標就可以了。 * 注意： * 這裡的移動是相對於螢幕的，所以我們獲取座標應該是絕對座標，而不是相對座標 * event.getRawX() ---- 獲取絕對X座標 * event.getRawY() ---- 獲取絕對Y座標 * * event.getX()-------- 獲取相對座標x * event.getY()-------- 獲取相對座標Y * */ // onTouchEvent 處理觸控事件 //Touch事件：1.按下ACTION_DOWN，2.擡起ACTION_UP，3 滑動 ACTION_MOVE 4.取消ACTION_CANCEL //獲取觸控點的座標 //絕對座標---相對於螢幕來說 //相對座標---相對於自己 //event.getAction() 獲取事件 @Override public boolean onTouchEvent(MotionEvent event) { super.onTouchEvent(event); switch (event.getAction()){ case MotionEvent.ACTION_DOWN: //獲取開始的座標 rawX = (int) event.getRawX(); rawY = (int) event.getRawY(); break; case MotionEvent.ACTION_MOVE: //獲取移動時候的座標 int yX = (int) event.getRawX(); int yY = (int) event.getRawY(); //減去手指按下時候的座標 //得到移動的間距 int jX=yX-rawX; int jY=yY-rawY; //將間距，加到原來的座標（上下左右） int l=getLeft()+jX; int r=getRight()+jX; int t=getTop()+jY; int b=getBottom()+jY; //判斷 if(l<0){ l=0; r=getWidth(); } if(t<0){ t=0; b=getHeight(); } if(r>wid){ r=wid; l=wid-getHeight(); } //如果移動到最下邊,就判斷是否等於螢幕高度減去狀態列高度 if(b>he-statusBarHeight1){ //賦值 b=he-statusBarHeight1; t=b-getHeight(); } //重新賦值給佈局 layout(l,t,r,b);//規定了View的位置 //將lastX，lastY重新賦值 rawX=yX; rawY=yY; break; case MotionEvent.ACTION_UP: break; } return true;//返回true代表自己處理事件 } }

相關推薦

android 自定義view 圓形可移動

Mycircle2 extends View { private Paint paint; private int rawX; private int rawY; private int wid; private int he; int statusBarHe

Android 自定義View 之 可隨意拖動的View

因為趕專案本人停更兩個月 從今天開始又可以更新了 今天說一下這個可隨意拖動的view 簡單說一下這個view效果 和 發展 一開始這種效果是使用在網頁端的特別是購物類 例如某寶 某東 購物車和客服視窗 都有使用這個懸浮可拖動的設計效果 後來才發展到的移動端 還有

Android自定義View-圓形進度條

好幾天不寫部落格了，這段時間一直沒時間，感覺一直在忙，但是進度不大。 好了，言歸正傳，最近專案裡要用到這麼一個自定義view，是一個圓形的進度圓環，現在學習下怎麼來自定義它。 原始碼下載地址 自定義之前先分析一下，這個自定義View主要有以下幾

Android 自定義view --圓形百分比（進度條）

注：本文由於是在學習過程中寫的，存在大量問題(overdraw onDraw new物件)，請讀者們不要被誤導！！解決辦法見後面的部落格。 起因 最近公司專案有需求需要用到輕量級圖表如下

Android自定義View--圓形進度條RoundProgress

要實現的效果 需要知道的知識點 字型的高度和寬度是怎麼測？ 字型的高度就是textSize的大小。 字型的寬度怎麼測量呢？Paint畫筆中有測量字型寬度的api，如下： //測量字型的寬度 float width =

Android 自定義 View 圓形進度條總結

Android 自定義圓形進度條總結 最近擼了一個圓形進度條的開源專案，算是第一次完完整整的使用自定義 View 。在此對專案開發思路做個小結，歡迎大家 Star 和 Fork 該專案總共實現了三種圓形進度條效果 CircleProgress：圓形進度條，可以實現仿 QQ

Android 自定義View 圓形百分比進度條

Android 自定義View  圓形百分比進度條 自定義View package com.arch.circleprogressview; import android.content.Context; import android.graphics.Canvas;

Android 自定義View -- 圓形進度條,文字旋轉

最近公司招聘打個廣告: 公司屬於外企福利待遇好， 每週英語課, 關鍵時單身妹子多[色][色] 詳情 [點選全棧JavaScript工程師] Android 自定義View – 圓形進度條,文字旋轉 作為一名

Android自定義View——圓形進度條式按鈕

介紹 今天上班的時候有個哥們問我怎麼去實現一個按鈕式的進度條，先來看看他需要實現的效果圖。 和普通的圓形進度條類似，只是中間的地方有兩個狀態表示，未開始，暫停狀態。而且他說圓形進度的功能已經實現了。那麼我們只需要對中間的兩個狀態做處理就行了。 先來看看

Android 自定義View可拖動移動位置及邊緣拉伸放大縮

首先說一下定義這樣一個View有什麼用?在一些app中,需要設定頭像,而使用者選擇的圖片可能是使用攝像頭拍攝,也可能是選擇的相簿裡面的圖片,總之,這樣的圖片大小不一,就比如在使用某個聊天軟體的時候,設定頭像,需要對圖片進行擷取. 要實現這樣一個功能,首先,需

Android 自定義View實現圓形環繞效果

之前專案中需要實現一個四周環繞中心圓形頭像的效果，感覺還是自定義比較方便，於是就自己封裝了一個控制元件去實現。先貼張圖顯示最終效果。 首先自定義一個View繼承自LinearLayout,通過動態新增childView的方式將子控制元件新增到View中。思路是先新增中間圓形頭像

android自定義view之畫圓隨著手指移動

public class MyView extends View { private Paint mFanPaint,mTextPaint;//扇形畫筆和文字畫筆 public float AxisX=100; public float AxisY=100; public MyView(

自定義view，可拖拽進度和吸附效果的圓形進度條

前言 最近接到一個需求，第一眼看到ui互動效果時，瞬間想對產品小哥說“尼瑪，這麼會玩，你咋不上天”。確認了具體互動細節，喝了兩口農夫三拳，開始了兩耳不聞窗外事，一心只想擼程式碼的過程。 先上ui效果 說明： 外圈弧形上面是進度的標記點，預設在12點位置，也是

Android自定義view-繪製圓形進度條

詳細可參考：http://blog.csdn.net/Beyond0525/article/details/48181345最近專案上有一些需求，需要繪製圓形的進度條滿足設計上和互動上的需求： 實現思路在畫布上直接繪製View，需要了解一下幾點 1.需要畫一個圓 2.圓圈上有

Android自定義View——從零開始實現圓形進度條

前言：以前老是用別人造的輪子，知其然不知其所以然，有時看懂了別人寫的過多幾個月又忘了，遂來開個坑把一步步實現和思路寫下來，弄成一個系列。由於上班時間不多，爭取一週擼個一到兩篇出來 本篇只著重於思路和實現步驟，裡面用到的一些知識原理不會非常細地拿來講，如

Android 自定義View實現圓形切圖的效果

使用自定義View實現圓形ImageView的效果 目前圓形邊框還需要調整,這裡有點問題 實現思路 使用一個Paint,將得到的Bitmap設定成paint的Shader,設定完成後,使用Matrix調整圖片至居中,使用RectF約束邊框,最後完成

android自定義view-打造圓形ImageView(一)

package com.beyole.view; import com.beyole.roundimageview.R; import android.content.Context; import android.content.res.TypedArray; import android.graphi

Android自定義View——可拖拽的ListView

有時時候需要對ListView的Item進行手動拖拽排序，如安桌系統中的對通知欄的開關排序，因此需要自定義一個可拖拽的ListView，效果如下： 可見，該ListView只有已新增欄可以拖動，同時可以拖動到未新增欄中，且拖動到頂部或底部時，會自動滾動列表。實現的基

Android 自定義View之仿華為圓形載入進度條

效果圖 實現思路 可以看出該View可分為三個部分來實現 最外圍的圓，該部分需要區分進度圓和底部的刻度圓，進度部分的刻度需要和底色刻度區分開來 中間顯示的文字進度，需要讓文字在View中居中顯示 旋轉的小圓點，小圓點需要模擬小球下落運動時的加速度

Android自定義View之圓形頭像

記錄貼 現在製作圓形頭像的第三方工具已經很多了，本帖只為記錄自定義view學習過程。 1.主體程式碼部分 public class CirclePhotoView extends View { private int max;//最大進度 private