(六)響應(yīng)點擊事件(Responding to Touch Events)

原文:https://developer.android.com/training/graphics/opengl/touch.html#angle
示例代碼

Making objects move according to a preset program like the rotating triangle is useful for getting some attention, but what if you want to have users interact with your OpenGL ES graphics? The key to making your OpenGL ES application touch interactive is expanding your implementation of GLSurfaceView to override the onTouchEvent() to listen for touch events.
讓一個三角形轉(zhuǎn)動看起來很屌,但是怎么才能讓用戶和OpenGL ES圖形進(jìn)行交互?方法就是重寫GLSurfaceView的onTouchEvent() 方法來處理用戶點擊事件石洗。

This lesson shows you how to listen for touch events to let users rotate an OpenGL ES object.
這一節(jié)講解如何根據(jù)點擊事件來旋轉(zhuǎn)OpenGL ES圖形吱殉。

Setup a Touch Listener

設(shè)置點擊監(jiān)聽器

In order to make your OpenGL ES application respond to touch events, you must implement the onTouchEvent() method in your GLSurfaceView class. The example implementation below shows how to listen for MotionEvent.ACTION_MOVE events and translate them to an angle of rotation for a shape.
為了讓OpenGL ES應(yīng)用能夠響應(yīng)你的點擊事件目溉,你必須實現(xiàn)GLSurfaceView的onTouchEvent()方法。下面的例子展示如何把MotionEvent.ACTION_MOVE事件轉(zhuǎn)化為圖形旋轉(zhuǎn)的角度。

private final float TOUCH_SCALE_FACTOR = 180.0f / 320;
private float mPreviousX;
private float mPreviousY;

@Override
public boolean onTouchEvent(MotionEvent e) {
    // MotionEvent reports input details from the touch screen
    // and other input controls. In this case, you are only
    // interested in events where the touch position changed.

    float x = e.getX();
    float y = e.getY();

    switch (e.getAction()) {
        case MotionEvent.ACTION_MOVE:

            float dx = x - mPreviousX;
            float dy = y - mPreviousY;

            // reverse direction of rotation above the mid-line
            if (y > getHeight() / 2) {
              dx = dx * -1 ;
            }

            // reverse direction of rotation to left of the mid-line
            if (x < getWidth() / 2) {
              dy = dy * -1 ;
            }

            mRenderer.setAngle(
                    mRenderer.getAngle() +
                    ((dx + dy) * TOUCH_SCALE_FACTOR));
            requestRender();
    }

    mPreviousX = x;
    mPreviousY = y;
    return true;
}

Notice that after calculating the rotation angle, this method calls requestRender() to tell the renderer that it is time to render the frame. This approach is the most efficient in this example because the frame does not need to be redrawn unless there is a change in the rotation. However, it does not have any impact on efficiency unless you also request that the renderer only redraw when the data changes using the setRenderMode() method, so make sure this line is uncommented in the renderer:
注意,每次計算好角度之后都要調(diào)用一次requestRender() 方法告訴renderer該重繪了依鸥。這是最高效的方法,因為沒有改變角度就沒有必要重繪悼沈。(下面這句不翻了贱迟,看不懂??)確保setRenderMode(GLSurfaceView.RENDERMODE_WHEN_DIRTY);

public MyGLSurfaceView(Context context) {
    ...
    // Render the view only when there is a change in the drawing data
    setRenderMode(GLSurfaceView.RENDERMODE_WHEN_DIRTY);
}

Expose the Rotation Angle

傳遞旋轉(zhuǎn)角度

The example code above requires that you expose the rotation angle through your renderer by adding a public member. Since the renderer code is running on a separate thread from the main user interface thread of your application, you must declare this public variable as volatile. Here is the code to declare the variable and expose the getter and setter pair:
上面的代碼還需要你在renderer中建立一個public變量姐扮,用來傳遞旋轉(zhuǎn)角度。因為renderer的代碼是在另一個線程中運行衣吠,而不是UI線程茶敏,所以這個變量必須設(shè)為volatile(UI線程中獲取了旋轉(zhuǎn)角度,繪制線程中調(diào)用這個角度)缚俏。如下:

public class MyGLRenderer implements GLSurfaceView.Renderer {
    ...

    public volatile float mAngle;

    public float getAngle() {
        return mAngle;
    }

    public void setAngle(float angle) {
        mAngle = angle;
    }
}

Apply Rotation

旋轉(zhuǎn)

To apply the rotation generated by touch input, comment out the code that generates an angle and add mAngle, which contains the touch input generated angle:
加上以下代碼惊搏,將點擊產(chǎn)生的角度加到矩陣中。

public void onDrawFrame(GL10 gl) {
    ...
    float[] scratch = new float[16];

    // Create a rotation for the triangle
    // long time = SystemClock.uptimeMillis() % 4000L;
    // float angle = 0.090f * ((int) time);
    Matrix.setRotateM(mRotationMatrix, 0, mAngle, 0, 0, -1.0f);

    // Combine the rotation matrix with the projection and camera view
    // Note that the mMVPMatrix factor *must be first* in order
    // for the matrix multiplication product to be correct.
    Matrix.multiplyMM(scratch, 0, mMVPMatrix, 0, mRotationMatrix, 0);

    // Draw triangle
    mTriangle.draw(scratch);
}

When you have completed the steps described above, run the program and drag your finger over the screen to rotate the triangle:
完成之后忧换,運行程序恬惯,用手指轉(zhuǎn)動三角形。

Figure 1. Triangle being rotated with touch input (circle shows touch location).
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末亚茬,一起剝皮案震驚了整個濱河市酪耳,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌才写,老刑警劉巖葡兑,帶你破解...
    沈念sama閱讀 210,978評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異赞草,居然都是意外死亡讹堤,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,954評論 2 384
  • 文/潘曉璐 我一進(jìn)店門厨疙,熙熙樓的掌柜王于貴愁眉苦臉地迎上來洲守,“玉大人,你說我怎么就攤上這事沾凄」4迹” “怎么了?”我有些...
    開封第一講書人閱讀 156,623評論 0 345
  • 文/不壞的土叔 我叫張陵撒蟀,是天一觀的道長叙谨。 經(jīng)常有香客問我,道長保屯,這世上最難降的妖魔是什么手负? 我笑而不...
    開封第一講書人閱讀 56,324評論 1 282
  • 正文 為了忘掉前任,我火速辦了婚禮姑尺,結(jié)果婚禮上竟终,老公的妹妹穿的比我還像新娘。我一直安慰自己切蟋,他們只是感情好统捶,可當(dāng)我...
    茶點故事閱讀 65,390評論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般喘鸟。 火紅的嫁衣襯著肌膚如雪匆绣。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,741評論 1 289
  • 那天迷守,我揣著相機(jī)與錄音犬绒,去河邊找鬼旺入。 笑死兑凿,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的茵瘾。 我是一名探鬼主播礼华,決...
    沈念sama閱讀 38,892評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼拗秘!你這毒婦竟也來了圣絮?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,655評論 0 266
  • 序言:老撾萬榮一對情侶失蹤雕旨,失蹤者是張志新(化名)和其女友劉穎扮匠,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體凡涩,經(jīng)...
    沈念sama閱讀 44,104評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡棒搜,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,451評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了活箕。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片力麸。...
    茶點故事閱讀 38,569評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖育韩,靈堂內(nèi)的尸體忽然破棺而出克蚂,到底是詐尸還是另有隱情,我是刑警寧澤筋讨,帶...
    沈念sama閱讀 34,254評論 4 328
  • 正文 年R本政府宣布埃叭,位于F島的核電站,受9級特大地震影響悉罕,放射性物質(zhì)發(fā)生泄漏赤屋。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,834評論 3 312
  • 文/蒙蒙 一蛮粮、第九天 我趴在偏房一處隱蔽的房頂上張望益缎。 院中可真熱鬧,春花似錦然想、人聲如沸莺奔。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,725評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽令哟。三九已至恼琼,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間屏富,已是汗流浹背晴竞。 一陣腳步聲響...
    開封第一講書人閱讀 31,950評論 1 264
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留狠半,地道東北人噩死。 一個月前我還...
    沈念sama閱讀 46,260評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像神年,于是被迫代替她去往敵國和親已维。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,446評論 2 348

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