android view畫圖筆記-1

來源:互聯網
上載者:User

1、一個簡單的樣本
 
Java代碼 
public class View1 extends Activity { 
    @Override 
    public void onCreate(Bundle savedInstanceState) { 
        super.onCreate(savedInstanceState); 
        setContentView(new SampleView(this)); 
    } 
     
    private static class SampleView extends View { 
        private Paint paint; 
        public SampleView(Context context) { 
            super(context); 
            //建立Paint 
            paint = new Paint(); 
            //設定消除鋸齒效果 
            paint.setAntiAlias(true); 
            //設定畫刷的顏色 
            paint.setColor(Color.BLUE); 
        } 
         
        @Override protected void onDraw(Canvas canvas) { 
//          canvas.drawColor(Color.WHITE); 
            paint.setStyle(Paint.Style.FILL); 
            canvas.drawRect(new RectF(10, 10, 100, 100), paint); 
            canvas.drawCircle(55, 145, 45, paint); 
             
            paint.setStyle(Paint.Style.STROKE); 
            canvas.drawRect(new RectF(110, 10, 200, 100), paint); 
            canvas.drawCircle(155, 145, 45, paint); 
             
            paint.setStyle(Paint.Style.FILL_AND_STROKE); 
            canvas.drawRect(new RectF(210, 10, 300, 100), paint); 
            canvas.drawCircle(255, 145, 45, paint); 
//          invalidate(); 
        } 
    } 

 
 
效果如下:


 
使用view畫圖,有兩個重要的組件需要介紹:
Paint 可以理解為畫刷或者畫筆,去主要用來設定繪圖使用的顏色、填充方式、透明度、字型以及字型樣式等。
Canvas 畫布,在view上顯示的圖形都是由canvas來繪製的。
Canvas繪圖需要4個基本組件,Bitmap、Canvas、需要繪製的圖形如Path、Rect等、以及Paint用來設定顏色和樣式。在上面的圖形中只用到了Canvas Rect Circle 和Paint
 
上面的代碼對比了Paint的三種樣式效果
Paint.Style.FILL   用顏色填充圖形
Paint.Style.FILL_AND_STROKE     即繪製邊框 同時也填充內部
Paint.Style.STROKE  個人理解為只繪製邊框
 
paint.setAntiAlias(true);
這個是用來設定消除鋸齒效果的。
可以通過寫測試代碼來看看效果。下面是沒有設定消除鋸齒效果的,不是很清晰,效果不是很明顯,最好是在手機上跑跑,那樣就能發現兩者的差異了。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.