Androidで星の形を描くには？VectorDrawableを使った星形表示の実装手順

このチュートリアルでは、Androidアプリで星の形を描いて表示する方法を解説します。VectorDrawable（ベクタードローアブル）を活用すれば、画面サイズや解像度に影響されることなく、どの端末でもくっきりとした星形を表示できます。

手順1：新しいプロジェクトを作成する

Android Studioを起動し、メニューの「File」→「New Project」を選択します。必要な項目をすべて入力して、新しいプロジェクトを作成してください。

手順2：レイアウトファイルにコードを追加する

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 フォルダに背景ファイルを作成する

drawable/background.xml を作成し、以下のベクター画像のコードを追加します。

<vector xmlns:android="https://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:autoMirrored="true"
    android:viewportWidth="512"
    android:viewportHeight="512">
    <path
        android:fillColor="#D80027"
        android:pathData="M512,198.525l-176.891,-25.704L256,12.53l-79.108,160.291L0,
                     198.525l128,124.769L97.784,499.47L256,416.291l158.217,
                     83.179l-30.219,-176.176L512,198.525zM256,376.749l-111.731,
                     58.74l21.338,-124.415l-90.393,-88.111l124.92,-18.152L256,
                     91.613l55.867,113.198l124.918,18.152l-90.395,88.111l21.34,
                     124.415L256,376.749z" />
</vector>

pathData には、512×512 のビューポート上で五角形の星の輪郭を描くための座標データが定義されています。また、fillColor には塗りつぶしの色（ここでは赤系の #D80027）を指定しています。色やサイズは自由に変更できるので、お好みに合わせてカスタマイズしてみてください。

アプリを実行してみよう

それでは、実際にアプリケーションを動かしてみましょう。あらかじめ、実機のAndroidスマートフォンをパソコンに接続しておいてください。Android Studioからアプリを実行するには、プロジェクト内のアクティビティファイルを開き、ツールバーの「Run」アイコンをクリックします。デバイス選択画面で自分のスマートフォンを指定すると、端末の画面に赤い星形が表示されます。