Android drawBitmapMesh扭曲觸摸點的圖像


Parameters
bitmap Bitmap: The bitmap to draw using the mesh
meshWidth int: The number of columns in the mesh. Nothing is drawn if this is 0
meshHeight int: The number of rows in the mesh. Nothing is drawn if this is 0
verts float: Array of x,y pairs, specifying where the mesh should be drawn. There must be at least (meshWidth+1) * (meshHeight+1) * 2 + vertOffset values in the array
vertOffset int: Number of verts elements to skip before drawing
colors int: May be null. Specifies a color at each vertex, which is interpolated across the cell, and whose values are multiplied by the corresponding bitmap colors. If not null, there must be at least (meshWidth+1) * (meshHeight+1) + colorOffset values in the array.
colorOffset int: Number of color elements to skip before drawing
paint Paint: May be null. The paint used to draw the bitmap

public class MainActivity extends Activity {
    private Bitmap bitmap;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(new MyView(MainActivity.this, R.drawable.jinta));
    }
    private class MyView extends View{
        //將圖片在橫向,縱向劃分為20格
        private final int WIDTH=20,HEIGHT=20;
        //包含441個頂點
        private final int COUNT=(WIDTH+1)*(HEIGHT+1);
        //保存原坐標
        private final float[] verts=new float[COUNT*2];
        //保存扭曲后坐標次屠,對圖片扭曲關鍵為修改該數(shù)組的值
        private final float[] orig=new float[COUNT*2];

        public MyView(Context context,int DrawableId) {
            super(context);
            setFocusable(true);
            //加載圖片資源
            bitmap=BitmapFactory.decodeResource(getResources(), DrawableId);
            //獲取高弯菊,寬
            float bitmapWidth=bitmap.getWidth(),
                    bitmapHeight=bitmap.getHeight();
            int index=0;
            //對原坐標和扭曲后坐標數(shù)組進行初始化操作
            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+0]=verts[index*2+0]=fx;
                    orig[index*2+1]=verts[index*2+1]=fy;
                    index+=1;
                }
            }
            //背景色
            setBackgroundColor(Color.WHITE);
        }
        @Override
        protected void onDraw(Canvas canvas) {
            canvas.drawBitmapMesh(bitmap,WIDTH,HEIGHT,verts,0,null,0,null);
        }
        //cx,cy為touch事件發(fā)生坐標
        private void wrap(float cx,float cy){
            for(int i=0;i<COUNT*2;i+=2){
                //dx,dy為當前點距離事件發(fā)生點的坐標差
                float dx=cx-orig[i+0];
                float dy=cy-orig[i+1];
                float dd=dx*dx+dy*dy;
                //d為當前點與事件發(fā)生點的距離
                float d=(float)Math.sqrt(dd);
                //pull為扭曲度千贯,距離越大扭曲程度越小
                float pull=80000/((float)(dd*d));
                if(pull>=1){
                    //距離近,直接扭曲至事件發(fā)生點
                    verts[i+0]=cx;
                    verts[i+1]=cy;
                }else{
                    //距離稍遠,向事件發(fā)生偏移
                    verts[i+0]=orig[i+0]+dx*pull;
                    verts[i+1]=orig[i+1]+dy*pull;
                }
            }
            //通知組件調用OnDraw重繪
            invalidate();
        }
        @Override
        public boolean onTouchEvent(MotionEvent event) {
            //觸摸事件發(fā)生時調用扭曲方法
            wrap(event.getX(),event.getY());
            return true;
        }
    }
}
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末武鲁,一起剝皮案震驚了整個濱河市绷雏,隨后出現(xiàn)的幾起案子头滔,更是在濱河造成了極大的恐慌怖亭,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,602評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件坤检,死亡現(xiàn)場離奇詭異兴猩,居然都是意外死亡,警方通過查閱死者的電腦和手機早歇,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,442評論 2 382
  • 文/潘曉璐 我一進店門倾芝,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人箭跳,你說我怎么就攤上這事晨另。” “怎么了谱姓?”我有些...
    開封第一講書人閱讀 152,878評論 0 344
  • 文/不壞的土叔 我叫張陵借尿,是天一觀的道長。 經(jīng)常有香客問我屉来,道長路翻,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,306評論 1 279
  • 正文 為了忘掉前任茄靠,我火速辦了婚禮茂契,結果婚禮上,老公的妹妹穿的比我還像新娘慨绳。我一直安慰自己掉冶,他們只是感情好,可當我...
    茶點故事閱讀 64,330評論 5 373
  • 文/花漫 我一把揭開白布脐雪。 她就那樣靜靜地躺著郭蕉,像睡著了一般。 火紅的嫁衣襯著肌膚如雪喂江。 梳的紋絲不亂的頭發(fā)上召锈,一...
    開封第一講書人閱讀 49,071評論 1 285
  • 那天,我揣著相機與錄音获询,去河邊找鬼涨岁。 笑死,一個胖子當著我的面吹牛吉嚣,可吹牛的內容都是我干的梢薪。 我是一名探鬼主播,決...
    沈念sama閱讀 38,382評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼尝哆,長吁一口氣:“原來是場噩夢啊……” “哼秉撇!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 37,006評論 0 259
  • 序言:老撾萬榮一對情侶失蹤琐馆,失蹤者是張志新(化名)和其女友劉穎规阀,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體瘦麸,經(jīng)...
    沈念sama閱讀 43,512評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡谁撼,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 35,965評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了滋饲。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片厉碟。...
    茶點故事閱讀 38,094評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖屠缭,靈堂內的尸體忽然破棺而出箍鼓,到底是詐尸還是另有隱情,我是刑警寧澤呵曹,帶...
    沈念sama閱讀 33,732評論 4 323
  • 正文 年R本政府宣布袄秩,位于F島的核電站,受9級特大地震影響逢并,放射性物質發(fā)生泄漏。R本人自食惡果不足惜郭卫,卻給世界環(huán)境...
    茶點故事閱讀 39,283評論 3 307
  • 文/蒙蒙 一砍聊、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧贰军,春花似錦玻蝌、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,286評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至贰盗,卻和暖如春许饿,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背舵盈。 一陣腳步聲響...
    開封第一講書人閱讀 31,512評論 1 262
  • 我被黑心中介騙來泰國打工陋率, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人秽晚。 一個月前我還...
    沈念sama閱讀 45,536評論 2 354
  • 正文 我出身青樓瓦糟,卻偏偏與公主長得像,于是被迫代替她去往敵國和親赴蝇。 傳聞我的和親對象是個殘疾皇子菩浙,可洞房花燭夜當晚...
    茶點故事閱讀 42,828評論 2 345

推薦閱讀更多精彩內容