自定義View之可旋轉(zhuǎn)的ImageView

話不多少亥贸,先上效果圖過(guò)一下癮。

演示動(dòng)畫(huà)

經(jīng)我網(wǎng)上一搜捞高,沒(méi)有很好的實(shí)例來(lái)單獨(dú)實(shí)現(xiàn)以上效果氯材,所以只能老司機(jī)自己出馬了。為了實(shí)現(xiàn)以上效果硝岗,當(dāng)然離不開(kāi)我們對(duì)onTouchEvent事件的處理了氢哮,老司機(jī)們應(yīng)該都懂的,開(kāi)始開(kāi)車型檀,嘟嘟~

開(kāi)車

下面來(lái)說(shuō)一下思路冗尤,首先上一張圖,讓我更方便地來(lái)為乘客們講解胀溺。

旋轉(zhuǎn)解析圖

好了裂七,重要的都已經(jīng)在圖中說(shuō)了,下面只需要一個(gè)回調(diào)便可在外部獲取到旋轉(zhuǎn)的角度仓坞,獻(xiàn)上相關(guān)重要代碼背零,相信根據(jù)我的注釋,大家也都應(yīng)該明白了无埃。

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Matrix;
import android.graphics.drawable.BitmapDrawable;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.widget.ImageView;

/**
 * <pre>
 *     author: Blankj
 *     blog  : http://blankj.com
 *     time  : 2016/11/8
 *     desc  :
 * </pre>
 */
public class RotateImageView extends ImageView {

    // 點(diǎn)擊在view中所在坐標(biāo)
    private float x, y;
    // view的中心點(diǎn)坐標(biāo)
    private float ox, oy;
    // view的寬徙瓶、高
    private int w, h;
    private Matrix matrix;
    // ImageView的資源圖片
    Bitmap mBitmap;
    // 旋轉(zhuǎn)過(guò)的角度
    public  float   totalDegree = 0;
    // 是否初始化過(guò)
    private boolean isInit      = false;

    // 旋轉(zhuǎn)角度改變的監(jiān)聽(tīng)器
    private OnRotationChangeListener mListener;

    public void setOnRotationChangeListener(OnRotationChangeListener listener) {
        mListener = listener;
    }

    public RotateImageView(Context context) {
        this(context, null);
    }

    public RotateImageView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public RotateImageView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        // 已初始化完畢的話那就直接滾回老家去吧
        if (isInit) return;
        int measureWidth = getWidth();
        int measureHeight = getHeight();
        Log.d("blankj", "onMeasure: w: " + measureWidth + ", h: " + measureHeight);
        // 如果沒(méi)有初始化過(guò),就初始化
        if (measureWidth != 0 && measureHeight != 0 && !isInit) {
            isInit = true;
            mBitmap = ((BitmapDrawable) this.getDrawable()).getBitmap();
            w = measureWidth;
            h = measureHeight;
            ox = w >> 1;
            oy = h >> 1;
            matrix = new Matrix();
            // 獲取適配于ImageView的bitmap
            mBitmap = Bitmap.createScaledBitmap(mBitmap, w, h, true);
        }
    }

    @Override
    protected void onDraw(Canvas canvas) {
        Log.d("blankj", "onDraw");
        // 判空以防崩潰
        if (mBitmap == null) return;
        canvas.save();
        canvas.drawBitmap(mBitmap, matrix, null);
        canvas.restore();
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                x = event.getX();
                y = event.getY();
                break;
            case MotionEvent.ACTION_MOVE:
                float nowX = event.getX();
                float nowY = event.getY();

                // 計(jì)算三邊的平方
                float ab2 = (x - nowX) * (x - nowX) + (y - nowY) * (y - nowY);
                float oa2 = (x - ox) * (x - ox) + (y - oy) * (y - oy);
                float ob2 = (nowX - ox) * (nowX - ox) + (nowY - oy) * (nowY - oy);

                // 根據(jù)兩向量的叉乘來(lái)判斷順逆時(shí)針
                boolean isClockwise = ((x - ox) * (nowY - oy) - (y - oy) * (nowX - ox)) > 0;

                // 根據(jù)余弦定理計(jì)算旋轉(zhuǎn)角的余弦值
                double cosDegree = (oa2 + ob2 - ab2) / (2 * Math.sqrt(oa2) * Math.sqrt(ob2));

                // 異常處理录语,因?yàn)樗愠鰜?lái)會(huì)有誤差絕對(duì)值可能會(huì)超過(guò)一倍啥,所以需要處理一下
                if (cosDegree > 1) {
                    cosDegree = 1;
                } else if (cosDegree < -1) {
                    cosDegree = -1;
                }

                // 計(jì)算弧度
                double radian = Math.acos(cosDegree);

                // 計(jì)算旋轉(zhuǎn)過(guò)的角度禾乘,順時(shí)針為正澎埠,逆時(shí)針為負(fù)
                float degree = (float) (isClockwise ? Math.toDegrees(radian) : -Math.toDegrees(radian));

                // 累加角度
                totalDegree += degree;
                matrix.setRotate(totalDegree, ox, oy);

                // 更新觸摸點(diǎn)
                x = nowX;
                y = nowY;

                // 回調(diào)把角度拋出
                if (mListener != null) {
                    mListener.getRotation((int) totalDegree);
                }

                invalidate();
                break;
            case MotionEvent.ACTION_UP:
                // 如果圖片需要復(fù)原原來(lái)角度,調(diào)用下方代碼
//                matrix.setRotate(totalDegree, ox, oy);
//                invalidate();
                break;
        }
        return true;
    }

    public void reset() {
        totalDegree = 0;
        matrix.setRotate(totalDegree, ox, oy);
        invalidate();
    }

    public interface OnRotationChangeListener {
        void getRotation(int degree);
    }
}

好了始藕,乘客們蒲稳,終點(diǎn)站已到,謝謝你們旅途中的陪伴伍派,老司機(jī)馬上要下班了江耀,啊哈哈哈,還是那句話:“你不買東西也是沒(méi)錢诉植,買了東西也是沒(méi)錢祥国,那就說(shuō)明買東西它不要錢啊”,祝大家雙十一購(gòu)物愉快晾腔。

最后獻(xiàn)上源碼地址:GetRotateDegree舌稀,歡迎大家star和fork。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末灼擂,一起剝皮案震驚了整個(gè)濱河市壁查,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌剔应,老刑警劉巖睡腿,帶你破解...
    沈念sama閱讀 212,718評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件语御,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡席怪,警方通過(guò)查閱死者的電腦和手機(jī)应闯,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,683評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)挂捻,“玉大人孽锥,你說(shuō)我怎么就攤上這事∠覆悖” “怎么了惜辑?”我有些...
    開(kāi)封第一講書(shū)人閱讀 158,207評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)疫赎。 經(jīng)常有香客問(wèn)我盛撑,道長(zhǎng),這世上最難降的妖魔是什么捧搞? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,755評(píng)論 1 284
  • 正文 為了忘掉前任抵卫,我火速辦了婚禮,結(jié)果婚禮上胎撇,老公的妹妹穿的比我還像新娘介粘。我一直安慰自己,他們只是感情好晚树,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,862評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布姻采。 她就那樣靜靜地躺著,像睡著了一般爵憎。 火紅的嫁衣襯著肌膚如雪慨亲。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 50,050評(píng)論 1 291
  • 那天宝鼓,我揣著相機(jī)與錄音刑棵,去河邊找鬼。 笑死愚铡,一個(gè)胖子當(dāng)著我的面吹牛蛉签,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播沥寥,決...
    沈念sama閱讀 39,136評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼碍舍,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了营曼?” 一聲冷哼從身側(cè)響起乒验,我...
    開(kāi)封第一講書(shū)人閱讀 37,882評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎蒂阱,沒(méi)想到半個(gè)月后锻全,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體狂塘,經(jīng)...
    沈念sama閱讀 44,330評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,651評(píng)論 2 327
  • 正文 我和宋清朗相戀三年鳄厌,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了荞胡。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,789評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡了嚎,死狀恐怖泪漂,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情歪泳,我是刑警寧澤萝勤,帶...
    沈念sama閱讀 34,477評(píng)論 4 333
  • 正文 年R本政府宣布,位于F島的核電站呐伞,受9級(jí)特大地震影響敌卓,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜伶氢,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,135評(píng)論 3 317
  • 文/蒙蒙 一趟径、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧癣防,春花似錦蜗巧、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,864評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至刑枝,卻和暖如春香嗓,著一層夾襖步出監(jiān)牢的瞬間迅腔,已是汗流浹背装畅。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,099評(píng)論 1 267
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留沧烈,地道東北人掠兄。 一個(gè)月前我還...
    沈念sama閱讀 46,598評(píng)論 2 362
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像锌雀,于是被迫代替她去往敵國(guó)和親蚂夕。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,697評(píng)論 2 351

推薦閱讀更多精彩內(nèi)容