1. 程式人生 > >android控制元件重繪

android控制元件重繪

android中實現view的更新有兩組方法,一組是invalidate,另一組是postInvalidate,其中前者是在UI執行緒自身中使用,而後者在非UI執行緒中使用。

View的重繪——系統不會經常去呼叫View的OnDraw函式,為了能夠在View上實現動畫效果,比如說遊戲(但好像很多遊戲是用更高效的SurfaceView為實現的),在主執行緒是執行完程式的邏輯後,應該要呼叫postInvalidate(),通知系統去呼叫onDraw函式去重繪介面,才能將動畫的效果給顯示出來。

(如果在view類裡面要呼叫onDraw函式,使用invalidate函式:this.invalidate();如果實在view類之外,ui執行緒之外使用:

private Runnable mRunnable = new Runnable() {
        //介面的主執行緒
        @Override
        public void run() {
            while( drawing )
            {
                try {
                    //更新球的位置資訊
                    update();
                    //通知系統更新介面,相當於呼叫了onDraw函式
                    postInvalidate();
                    //介面更新的頻率,這裡是每30ms更新一次介面
                    Thread.sleep(30);
                    //Log.e(TAG, "drawing");
                } catch (InterruptedException e) {
                    e.printStackTrace();
                }
            }
        }
    };

網上找了個小例子:

http://blog.csdn.net/lxw1980/article/details/6031978

package cn.edu.wtu;
import java.util.ArrayList;
import java.util.Random;
import android.app.Activity;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Paint.Style;
import android.os.Bundle;
import android.view.View;
public class Main extends Activity {
    TheScreen mScreen;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //mScreen是自定義的View
        mScreen = new TheScreen(this);
        setContentView(mScreen);
    }
    
    //為避免在程式退出後執行緒仍在進行,造成不必要的系統資源浪費,在Activity退出是時候,主動將執行緒停止
    @Override
    public void onDestroy()
    {
        mScreen.stopDrawing();
        super.onDestroy();
    }
}
/**
 * 自定義的View類,為兩個球的碰撞模擬
 * @author windy
 *
 */
class TheScreen extends View
{
    
    private static final String TAG = "Draw";
    //介面主執行緒的控制變數
    private boolean drawing = false;
    //儲存當前已有的球的資訊
    private ArrayList<Circle> circles;
    private Paint mPaint;
    //兩個球的運動範圍
    public static final int WIDTH = 300;
    public static final int HEIGHT = 400;
    public static final double PI = 3.14159265;
    Paint mPaint2 = new Paint();
    public TheScreen(Context context)
    {
        super(context);
        circles = new ArrayList<Circle>();
        //加入了兩個球
        circles.add(new Circle());
        circles.add(new Circle(20, 30, 10));
        mPaint = new Paint();
        mPaint.setColor(Color.YELLOW);
        mPaint.setAntiAlias(true);
        mPaint2.setStyle(Style.STROKE);
        mPaint2.setColor(Color.RED);
        mPaint2.setAntiAlias(true);
        //啟動介面執行緒,開始自動更新介面
        drawing = true;
        new Thread(mRunnable).start();
    }
    
    private Runnable mRunnable = new Runnable() {
        //介面的主執行緒
        @Override
        public void run() {
            while( drawing )
            {
                try {
                    //更新球的位置資訊
                    update();
                    //通知系統更新介面,相當於呼叫了onDraw函式
                    postInvalidate();
                    //介面更新的頻率,這裡是每30ms更新一次介面
                    Thread.sleep(30);
                    //Log.e(TAG, "drawing");
                } catch (InterruptedException e) {
                    e.printStackTrace();
                }
            }
        }
    };
    
    public void stopDrawing()
    {
        drawing = false;
    }
    
    
    @Override
    public void onDraw(Canvas canvas)
    {
        //在canvas上繪上邊框
        canvas.drawRect(0, 0, WIDTH, HEIGHT, mPaint2);
        //在canvas上繪上球
        for( Circle circle : circles)
        {
            canvas.drawCircle(circle.x, circle.y, circle.radius, mPaint);
        }
    }
    
    //介面的邏輯函式,主要檢查球是否發生碰撞,以及更新球的位置
    private void update()
    {
        if( circles.size()>1)
        {
            for( int i1=0; i1<circles.size()-1; i1++)
            {
                //當兩個球發生碰撞,交換兩個球的角度值
                for( int i2=i1+1; i2<circles.size(); i2++)
                    if( checkBumb(circles.get(i1),circles.get(i2)))
                    {
                        circles.get(i1).changeDerection(circles.get(i2));
                    }
            }
            
        }
        //更新球的位置
        for( Circle circle: circles)
            circle.updateLocate();
    }
    
    private boolean checkBumb(Circle c1, Circle c2)
    {
        return (c1.x-c2.x)*(c1.x-c2.x) + (c1.y-c2.y)*(c1.y-c2.y) <= (c1.radius+c2.radius)*(c1.radius+c2.radius);            
    }
    
    /**
     * 自定義的View的內部類,儲存每一個球的資訊
     * @author windy
     *
     */
    class Circle
    {
        float x=50;
        float y=70;
        double angle= (new Random().nextFloat())*2*PI;
        int speed=4;
        int radius=10;
        
        public Circle() {
        }
        
        public Circle( float x, float y, int r )
        {
            this.x = x;
            this.y = y;
            radius = r;
        }
        
        //利用三角函式計算出球的新位置值,當與邊界發生碰撞時,改變球的角度
        public void updateLocate()
        {
            x = x+ (float)(speed *Math.cos(angle));
            //Log.v(TAG, Math.cos(angle)+"");
            y = y+ (float)(speed *Math.sin(angle));
            //Log.v(TAG, Math.cos(angle)+"");
            if( (x+radius)>=WIDTH )
            {
                if( angle >=0 && angle <= (PI/2))
                    angle = PI - angle;
                if( angle > 1.5 * PI && angle <= 2*PI)
                    angle = 3 * PI - angle;                
            }
            if( x-radius <=0 )
            {
                if( angle >= PI && angle <= 1.5*PI )
                    angle = 3*PI - angle;
                if( angle >= PI/2 && angle < PI)
                    angle = PI - angle;
            }
            if( y-radius<=0 || y+radius>=HEIGHT)
                angle = 2*PI - angle;
            
        }
        //兩球交換角度
        public void changeDerection(Circle other)
        {
            double temp = this.angle;
            this.angle = other.angle;
            other.angle = temp;
        }
    }
}

結果:


相關推薦

android控制元件

android中實現view的更新有兩組方法,一組是invalidate,另一組是postInvalidate,其中前者是在UI執行緒自身中使用,而後者在非UI執行緒中使用。 View的重繪——系統不會經常去呼叫View的OnDraw函式,為了能夠在View上實現動畫效果,

C# GDI 控制元件

最近有個小需求,就是將checkbox選擇框畫大一點,網上找了點資料整理了下,程式碼如下。 using System; using System.Collections.Generic; using System.ComponentModel; using Syst

C#中ListBox控制元件Item項

一般情況下不需要手動重繪ListBox。 1、首先選中拖至面板的ListBox控制元件,點屬性,選中DrawMode,改成OwnerDrawFixed或OwnerDrawVariable2、還是在屬性工具中,切換到事件(就是那個閃電圖示),滑鼠雙擊‘行為’選單下的DrawI

Android控制元件之LabelView

          最近研究android控制元件開發,學習無捷徑,逛github,看到一個LabelView的demo,感覺還是挺不錯,也比較實用,所以拿來學習了一下。         附上源專案的地址:

Android控制元件之圓形進度條

Android-自定義ProgressBar實現圓弧進度條 在之前的專案中用到過這個,感覺還是非常實用的,我實現的是額度的增長. 繼承於ProgressBar實現,保留了Progressbar的特性,原始碼在文尾。

Android控制元件提示框與執行緒簡介

訊息提示框 1. Toast(吐絲框)   1.1 Toast是Android中的一種簡易的訊息提示框   1.2 使用這個類的最簡單的方法是呼叫靜態方法構造您所需要的一切,並返回一個新的Toast物件。       Toast toast=To

Android控制元件常用屬性

可見(visible) XML檔案:android:visibility="visible" Java程式碼:view.setVisibility(View.VISIBLE); 居中: 1. LinearLayout a). android:layout_gravity="cen

Android控制元件】點選變暗效果

需要準備 兩張圖片做背景,一張的正常顯示的效果,一張是點選後呈現的效果。 或者兩個表示不同效果的xml檔案,一個表示正常顯示的效果,一個表示點選後呈現的效果。 <!--greenbutton_pressed--> <

Android控制元件之ListView(初識)

ListView 控制元件可使用四種不同檢視顯示專案。通過此控制元件,可將專案組成帶有或不帶有列標頭的列,並顯示伴隨的圖示和文字。 ListView有四種模式: 其作用是新增選擇按鈕框。 設定單選框 Lv.setChoiceMode(ListView.CHOICE_MOD

Android控制元件之AutoCompleteTextView提示輸入

效果圖  AutoComepleteTextView 控制元件的主要的作用是在使用者輸入中,提示輸入。但是隻能提示一次。這裡就出項了MultiautoCompleteTextView控制元件,其主要的功能是也是在使用者輸入中提示輸入。 AutoComepleteTextVie

android 控制元件使用---ButterKnife的 apt 外掛

ButterKnife是一個專注於Android系統的View注入框架,可以減少大量的findViewById以及setOnClickListener程式碼,視覺化一鍵生成。 ButterKnife 優勢 1、強大的View繫結和Click事件處理功能,簡化程式碼,提

Android 控制元件ProgressBar進度條

                             Android 控制元件---ProgressBar進度條 下面詳細介紹ProgressBar 一、說明   在某些操作的進度中的可視指示器,為使用者呈現操作的進度,視訊一般都有進度條,用來顯示中間進度,如在流媒

Android控制元件----關於上拉重新整理上拉載入的自定義控制元件

首先需要明白的是,平常用的ListView做不到類似於小說章節閱讀的瀏覽效果,去實現重新整理載入的功能。雖然GitHub上有一些開源庫可以使用,但是這種東西自己如果有時間能夠親歷一遍瞭解的更加透徹,畢竟在很多Android的APP中都有這方面的功能。話不多說,下

Android 控制元件view的可見,不可見,隱藏的設定visibility

可見(visible) XML檔案:android:visibility="visible" Java程式碼:view.setVisibility(View.VISIBLE);   不可見(invisible) XML檔案:android:visibility="inv

Android控制元件集合(二)

RatingBar 星級評分控制元件 1:星星評分樣式 xml檔案內容 <RatingBar android:id="@+id/rb_normal" android:layout_width="wrap_content" android:la

Android群英傳》學習筆記之Android控制元件架構與自定義控制元件詳解

一、Android控制元件架構: 控制元件大致分為兩類:ViewGroup控制元件與View控制元件。View是繪製在螢幕上的使用者能與之互動的一個物件。而ViewGroup則是一個用於存放其他Vi

android控制元件設定背景透明度

在color檔案中直接定義即可 “29”是透明度,查一下Android 透明度alpha換算表,我們專案中需要16%的透明度,對應29; “#333333”是背景顏色值,設定透明的時候把查到的透明度對應的值放進去即可 https://blog.csdn.net/u012246458/articl

Android 控制元件之 RecyclerView(一)—— 載入檢視和佈局選擇

本文目錄 一、概述 二、列表檢視的處理 1. item 的佈局檔案 2. 構造 Adapter 類 3. 佈局管理器 1)LinearLayoutManager 2)GridLayoutManager

Android 控制元件BottomNavigationView的使用

一、專案的匯入 在build引入: implementation 'com.android.support:design:26.1.0' 後面的版本號根據SDK的版本改寫如: implementation 'com.android.support:appcompa

Android控制元件TextView之跑馬燈功能問題記錄

轉載自:https://www.cnblogs.com/jesn/p/4298249.html 在使用TextView練習跑馬燈時出現了以下問題: 為控制元件設定了以下屬性  <!--啟用焦點--> android:focusable="true" <!--單行顯示