Android 自定義 View 之使用 drawBitmapMesh 扭曲圖像示例

本文參考文獻:《瘋狂Android講義 : 第2版

實例:可以揉動的圖片

下面的程序示例將會通過 drawBitmapMesh 方法來控制圖片的扭曲靶擦,當用戶“觸摸”圖片的指定點時腮考,該圖片會在這個點被用戶“按”下去雇毫, —— 就像這張圖片鋪在“極軟的床上”一樣。

package com.toby.personal.testlistview;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.MotionEvent;
import android.view.View;

public class MainActivity extends AppCompatActivity {

    final private static String TAG = "Toby_Test";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(new TestView(this, R.drawable.img04));
    }

    class TestView extends View {

        // 定義兩個常量踩蔚,這兩個常量將圖片的橫向棚放、縱向劃分20格
        private final int WIDTH = 20;
        private final int HEIGHT = 20;

        private final int COUNT = (WIDTH + 1) * (HEIGHT + 1);

        // 記錄 Bitmap 上的 21 × 21 個點的坐標
        private final float[] orig = new float[COUNT * 2];

        // 記錄 Bitmap 上的 21 × 21 個點經(jīng)過扭曲之后的坐標
        // 對圖片進行扭曲的關鍵就是修改該數(shù)組里面元素的值
        private final float[] verts = new float[COUNT * 2];

        private Bitmap bitmap;

        public TestView(Context context, int drawableId) {
            super(context);
            setFocusable(true);

            bitmap = BitmapFactory.decodeResource(getResources(), drawableId);
            float bitmapWidth = bitmap.getWidth();
            float bitmapHeight = bitmap.getHeight();
            int index = 0;
            for (int y = 0; y <= HEIGHT; ++y) {
                float fy = bitmapHeight * y / HEIGHT;
                for (int x = 0; x <= WIDTH; ++x) {
                    float fx = bitmapWidth * x / WIDTH;
                    orig[index * 2] = verts[index * 2] = fx;
                    orig[index * 2 + 1] = verts[index * 2 + 1] = fy;
                    index += 1;
                }
            }

            setBackgroundColor(Color.WHITE);
        }

        @Override
        protected void onDraw(Canvas canvas) {
            super.onDraw(canvas);
            canvas.drawColor(Color.GRAY);
            canvas.drawBitmapMesh(bitmap, WIDTH, HEIGHT, verts, 0, null, 0, null);
        }

        private void warp(float cx, float cy) {
            for (int i = 0; i < COUNT * 2; i += 2) {
                float dx = cx - orig[i];
                float dy = cy - orig[i + 1];
                float dd = dx * dx + dy * dy;
                float d = (float) Math.sqrt(dd);
                float pull = 80000 / ((float) (dd * d));
                if (pull >= 1) {
                    verts[i] = cx;
                    verts[i + 1] = cy;
                } else {
                    verts[i] = orig[i] + dx * pull;
                    verts[i + 1] = orig[i + 1] + dy * pull;
                }
            }
            invalidate();
        }

        @Override
        public boolean onTouchEvent(MotionEvent event) {
            warp(event.getX(), event.getY());
            return super.onTouchEvent(event);
        }
    }

}

顯示效果:


顯示效果
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市馅闽,隨后出現(xiàn)的幾起案子飘蚯,更是在濱河造成了極大的恐慌,老刑警劉巖福也,帶你破解...
    沈念sama閱讀 216,372評論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件局骤,死亡現(xiàn)場離奇詭異,居然都是意外死亡暴凑,警方通過查閱死者的電腦和手機峦甩,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,368評論 3 392
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來现喳,“玉大人凯傲,你說我怎么就攤上這事∴吕椋” “怎么了冰单?”我有些...
    開封第一講書人閱讀 162,415評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長默色。 經(jīng)常有香客問我球凰,道長,這世上最難降的妖魔是什么腿宰? 我笑而不...
    開封第一講書人閱讀 58,157評論 1 292
  • 正文 為了忘掉前任呕诉,我火速辦了婚禮,結(jié)果婚禮上吃度,老公的妹妹穿的比我還像新娘甩挫。我一直安慰自己,他們只是感情好椿每,可當我...
    茶點故事閱讀 67,171評論 6 388
  • 文/花漫 我一把揭開白布伊者。 她就那樣靜靜地躺著,像睡著了一般间护。 火紅的嫁衣襯著肌膚如雪亦渗。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,125評論 1 297
  • 那天汁尺,我揣著相機與錄音法精,去河邊找鬼。 笑死,一個胖子當著我的面吹牛搂蜓,可吹牛的內(nèi)容都是我干的狼荞。 我是一名探鬼主播,決...
    沈念sama閱讀 40,028評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼帮碰,長吁一口氣:“原來是場噩夢啊……” “哼相味!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起殉挽,我...
    開封第一講書人閱讀 38,887評論 0 274
  • 序言:老撾萬榮一對情侶失蹤丰涉,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后此再,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體昔搂,經(jīng)...
    沈念sama閱讀 45,310評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,533評論 2 332
  • 正文 我和宋清朗相戀三年输拇,在試婚紗的時候發(fā)現(xiàn)自己被綠了摘符。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,690評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡策吠,死狀恐怖逛裤,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情猴抹,我是刑警寧澤带族,帶...
    沈念sama閱讀 35,411評論 5 343
  • 正文 年R本政府宣布,位于F島的核電站蟀给,受9級特大地震影響蝙砌,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜跋理,卻給世界環(huán)境...
    茶點故事閱讀 41,004評論 3 325
  • 文/蒙蒙 一择克、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧前普,春花似錦肚邢、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至峻厚,卻和暖如春响蕴,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背惠桃。 一陣腳步聲響...
    開封第一講書人閱讀 32,812評論 1 268
  • 我被黑心中介騙來泰國打工函匕, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留鸭轮,地道東北人。 一個月前我還...
    沈念sama閱讀 47,693評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像饰躲,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子唇牧,可洞房花燭夜當晚...
    茶點故事閱讀 44,577評論 2 353

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

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,071評論 25 707
  • 內(nèi)容抽屜菜單ListViewWebViewSwitchButton按鈕點贊按鈕進度條TabLayout圖標下拉刷新...
    皇小弟閱讀 46,754評論 22 665
  • 在 Ubuntu 系統(tǒng)安裝 Redi 可以使用以下命令: $sudo apt-getupdate $sudo ap...
    zero風來閱讀 503評論 0 0
  • 我是流浪在人群中孤獨的橋风范,沒有流水,沒有清風摹恰,沒有詩辫继,也沒有遠方。我孤獨俗慈,也彷徨姑宽。
    流浪的橋閱讀 113評論 0 0
  • 為什么每個明星出道后都有黑粉,難道每個黑粉都比明星強嗎?那些明星為什么可以出名闺阱,為什么可以被人喜歡炮车,那些黑粉為什么...
    陳冠彤閱讀 363評論 0 6