ホームページ Java &#&チュートリアル Android開発キャンバスで円、四角形、楕円、三角形などの基本的な図形をPathを使って描画する方法の紹介

Android開発キャンバスで円、四角形、楕円、三角形などの基本的な図形をPathを使って描画する方法の紹介

Apr 22, 2017 am 10:01 AM
android canvas path

この記事では、Android プログラミング開発において Path を使用して Canvas に基本的なグラフィックスを描画する方法を主に紹介し、Android の基本的なグラフィックス描画スキルを含め、円、四角形、楕円、三角形などの基本的なグラフィックスを描画する実装方法を分析します。必要な場合は、「

Android での基本的なコレクションのグラフィックの描画」を参照してください。このプログラムは、View コンポーネントの onDraw(Canvase) メソッドを書き換えて、多数の基本的なコレクションを描画します。キャンバス上のグラフィック。

コードに直接移動します:

1. カスタマイズされたビューコンポーネントコード:

package com.infy.configuration;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.LinearGradient;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.RectF;
import android.graphics.Shader;
import android.util.AttributeSet;
import android.view.View;
public class MyView extends View{
    public MyView(Context context, AttributeSet attrs) {
      super(context, attrs);
    }
    @Override
    protected void onDraw(Canvas canvas) {
      // TODO Auto-generated method stub
      super.onDraw(canvas);
      //把整张画布绘制成白色
      canvas.drawColor(Color.WHITE);
      Paint paint = new Paint();
      //去锯齿
      paint.setAntiAlias(true);
      paint.setColor(Color.BLUE);
      paint.setStyle(Paint.Style.STROKE);
      paint.setStrokeWidth(3);
      //绘制圆形
      canvas.drawCircle(40, 40, 30, paint);
      //绘制正方形
      canvas.drawRect(10, 80, 70, 140, paint);
      //绘制矩形
      canvas.drawRect(10, 150, 70, 190, paint);
      RectF rel = new RectF(10,240,70,270);
      //绘制椭圆
      canvas.drawOval(rel, paint);
      //定义一个Path对象,封闭一个三角形
      Path path1 = new Path();
      path1.moveTo(10, 340);
      path1.lineTo(70, 340);
      path1.lineTo(40, 290);
      path1.close();
      //根据Path进行绘制,绘制三角形
      canvas.drawPath(path1, paint);
      //定义一个Path对象,封闭一个五角星
      Path path2 = new Path();
      path2.moveTo(27, 360);
      path2.lineTo(54, 360);
      path2.lineTo(70, 392);
      path2.lineTo(40, 420);
      path2.lineTo(10, 392);
      path2.close();
      //根据Path进行绘制,绘制五角星
      canvas.drawPath(path2, paint);
      //设置填丛风格后进行绘制
      paint.setStyle(Paint.Style.FILL);
      paint.setColor(Color.RED);
      canvas.drawCircle(120, 40, 30, paint);
      //绘制正方形
      canvas.drawRect(90, 80, 150, 140, paint);
      //绘制矩形
      canvas.drawRect(90, 150, 150, 190, paint);
      //绘制圆角矩形
      RectF re2 = new RectF(90,200,150,230);
      canvas.drawRoundRect(re2, 15, 15, paint);
      //绘制椭圆
      RectF re21 = new RectF(90, 240, 150, 270);
      canvas.drawOval(re21, paint);
      Path path3 = new Path();
      path3.moveTo(90, 340);
      path3.lineTo(150, 340);
      path3.lineTo(120, 290);
      path3.close();
      //绘制三角形
      canvas.drawPath(path3,paint);
      //绘制五角形
      Path path4 = new Path();
      path4.moveTo(106, 360);
      path4.lineTo(134, 360);
      path4.lineTo(150, 392);
      path4.lineTo(120, 420);
      path4.lineTo(90, 392);
      path4.close();
      canvas.drawPath(path4, paint);
      //设置渐变器后绘制
      //为Paint设置渐变器
      Shader mShasder = new LinearGradient(0, 0, 40, 60, new int[]{Color.RED,Color.GREEN,Color.BLUE,Color.YELLOW}, null, Shader.TileMode.REPEAT);
      paint.setShader(mShasder);
      //设置阴影
      paint.setShadowLayer(45, 10, 10, Color.GRAY);
      //绘制圆形
      canvas.drawCircle(200, 40, 30, paint);
      //绘制正方形
      canvas.drawRect(170, 80, 230, 140, paint);
      //绘制矩形
      canvas.drawRect(170, 150, 230, 190, paint);
      //绘制圆角的矩形
      RectF re31 = new RectF();
      canvas.drawRoundRect(re31, 15, 15, paint);
      //绘制椭圆
      RectF re32 =new RectF();
      canvas.drawOval(re32, paint);
      //根据Path,绘制三角形
      Path path5 = new Path();
      path5.moveTo(170, 340);
      path5.lineTo(230, 340);
      path5.lineTo(200, 290);
      path5.close();
      canvas.drawPath(path5, paint);
      //根据PAth,进行绘制五角形
      Path path6 = new Path();
      path6.moveTo(186, 360);
      path6.lineTo(214, 360);
      path6.lineTo(230, 392);
      path6.lineTo(200, 420);
      path6.lineTo(170, 392);
      path6.close();
      canvas.drawPath(path6, paint);
    }
}
ログイン後にコピー

2. 基本アクティビティを使用して、カスタマイズされた MyView コンポーネントを実装します。

Android のアクティビティを定義します:

package com.infy.configuration;
import android.app.Activity;
import android.os.Bundle;
public class ZiDingYiViewTes extends Activity{
    private MyView myView =null;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
      // TODO Auto-generated method stub
      super.onCreate(savedInstanceState);
      myView = new MyView(this, null);
      setContentView(myView);
    }
}
ログイン後にコピー

単純なコレクション グラフィックを描画するか、キャンバスにビットマップを直接描画します。
最終的なレンダリングを添付します (楕円が追加されています):

以上がAndroid開発キャンバスで円、四角形、楕円、三角形などの基本的な図形をPathを使って描画する方法の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

新しいレポートは、噂のSamsung Galaxy S25、Galaxy S25 Plus、Galaxy S25 Ultraのカメラアップグレードのひどい評価を提供します 新しいレポートは、噂のSamsung Galaxy S25、Galaxy S25 Plus、Galaxy S25 Ultraのカメラアップグレードのひどい評価を提供します Sep 12, 2024 pm 12:23 PM

ここ数日、Ice Universeは、サムスンの次期主力スマートフォンであると広く信じられているGalaxy S25 Ultraの詳細を着実に明らかにしている。とりわけ、リーカーはサムスンがカメラのアップグレードを1つだけ計画していると主張した

Samsung Galaxy S25 Ultraの最初のレンダリング画像がリークされ、噂のデザイン変更が明らかに Samsung Galaxy S25 Ultraの最初のレンダリング画像がリークされ、噂のデザイン変更が明らかに Sep 11, 2024 am 06:37 AM

OnLeaks は、X (旧 Twitter) のフォロワーから 4,000 ドル以上を集めようとして失敗した数日後、Android Headlines と提携して Galaxy S25 Ultra のファーストルックを提供しました。コンテキストとして、h の下に埋め込まれたレンダリング イメージ

IFA 2024 | TCLのNXTPAPER 14は、パフォーマンスではGalaxy Tab S10 Ultraに匹敵しませんが、サイズではほぼ匹敵します IFA 2024 | TCLのNXTPAPER 14は、パフォーマンスではGalaxy Tab S10 Ultraに匹敵しませんが、サイズではほぼ匹敵します Sep 07, 2024 am 06:35 AM

TCLは、2つの新しいスマートフォンの発表に加えて、NXTPAPER 14と呼ばれる新しいAndroidタブレットも発表しました。その巨大な画面サイズはセールスポイントの1つです。 NXTPAPER 14 は、TCL の代表的なブランドであるマット LCD パネルのバージョン 3.0 を搭載しています。

Vivo Y300 Pro は、7.69 mm のスリムなボディに 6,500 mAh のバッテリーを搭載 Vivo Y300 Pro は、7.69 mm のスリムなボディに 6,500 mAh のバッテリーを搭載 Sep 07, 2024 am 06:39 AM

Vivo Y300 Pro は完全に公開されたばかりで、大容量バッテリーを備えた最もスリムなミッドレンジ Android スマートフォンの 1 つです。正確に言うと、このスマートフォンの厚さはわずか 7.69 mm ですが、6,500 mAh のバッテリーを搭載しています。これは最近発売されたものと同じ容量です

Samsung Galaxy S24 FEは、4色と2つのメモリオプションで予想よりも低価格で発売されると請求されています Samsung Galaxy S24 FEは、4色と2つのメモリオプションで予想よりも低価格で発売されると請求されています Sep 12, 2024 pm 09:21 PM

サムスンは、ファンエディション(FE)スマートフォンシリーズをいつアップデートするかについて、まだ何のヒントも提供していない。現時点では、Galaxy S23 FE は 2023 年 10 月初めに発表された同社の最新版のままです。

新しいレポートは、噂のSamsung Galaxy S25、Galaxy S25 Plus、Galaxy S25 Ultraのカメラアップグレードのひどい評価を提供します 新しいレポートは、噂のSamsung Galaxy S25、Galaxy S25 Plus、Galaxy S25 Ultraのカメラアップグレードのひどい評価を提供します Sep 12, 2024 pm 12:22 PM

ここ数日、Ice Universeは、サムスンの次期主力スマートフォンであると広く信じられているGalaxy S25 Ultraの詳細を着実に明らかにしている。とりわけ、リーカーはサムスンがカメラのアップグレードを1つだけ計画していると主張した

Xiaomi Redmi Note 14 Pro Plusは、Light Hunter 800カメラを搭載した初のQualcomm Snapdragon 7s Gen 3スマートフォンとして登場します Xiaomi Redmi Note 14 Pro Plusは、Light Hunter 800カメラを搭載した初のQualcomm Snapdragon 7s Gen 3スマートフォンとして登場します Sep 27, 2024 am 06:23 AM

Redmi Note 14 Pro Plusは、昨年のRedmi Note 13 Pro Plus(Amazonで現在375ドル)の直接の後継者として正式に発表されました。予想通り、Redmi Note 14 Pro Plusは、Redmi Note 14およびRedmi Note 14 Proと並んでRedmi Note 14シリーズをリードします。李

iQOO Z9 Turbo Plus: 強化されたシリーズフラッグシップの予約開始 iQOO Z9 Turbo Plus: 強化されたシリーズフラッグシップの予約開始 Sep 10, 2024 am 06:45 AM

OnePlus の姉妹ブランドである iQOO の製品サイクルは 2023 年から 4 年で、ほぼ終わりに近づいている可能性があります。それにもかかわらず、ブランドはまだZ9シリーズの開発を終えていないと宣言しました。その最終、そしておそらく最高エンドとなる Turbo+ バリアントが、予測どおりに発表されました。 T

See all articles