Androidで三角形を描画する方法をコード例付きで解説

この記事では、Androidアプリで三角形の図形を描画する方法を、実際のコード例とともにステップ形式で解説します。VectorDrawableを使用すれば、画像ファイルを用意することなく、XMLだけで簡単に三角形を描くことができます。

手順1：Android Studioで新規プロジェクトを作成

まず、Android Studioで新しいプロジェクトを作成します。メニューから[File] → [New Project]を選択し、必要な項目をすべて入力してプロジェクトを作成しましょう。

手順2：res/layout/activity_main.xml にコードを追加

次に、以下のコードをres/layout/activity_main.xmlに追加します。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:tools="https://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center"
    android:layout_marginTop="30dp"
    tools:context=".MainActivity">
    <ImageView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="@drawable/background"/>
</LinearLayout>

上記のコードでは、ImageViewを配置し、その背景として後述のbackground.xmlを指定しています。

手順3：drawable/background.xml を作成

続いて、以下のコードをdrawable/background.xmlとして追加します。

<vector xmlns:android="https://schemas.android.com/apk/res/android"
    android:height="100dp"
    android:width="100dp"
    android:viewportWidth="24"
    android:viewportHeight="24">
    <path android:fillColor="#000" android:pathData="M1,21H23L12,2" />
</vector>

ここではVectorDrawableを使用しています。pathDataの「M1,21H23L12,2」は、座標(1,21)へ移動した後、横方向にx=23まで直線を引き、さらに頂点となる座標(12,2)まで直線を引くことで、黒色（#000）で塗りつぶされた三角形を描いています。

アプリを実行してみよう

それでは、アプリケーションを実行して動作を確認しましょう。実機のAndroidスマートフォンをパソコンに接続していることを前提としています。Android Studioでプロジェクト内のアクティビティファイルを開き、ツールバーのRunアイコンをクリックしてください。実行デバイスとして接続した端末を選択すると、モバイル端末の画面に三角形が表示されます。