Androidでテキストに影（シャドウ）を付ける方法【setShadowLayerの使い方を解説】

Androidでテキストに影を付ける方法

この記事では、Androidアプリのテキスト（TextView）に影（シャドウ）を付ける方法を、実際のサンプルコードとともに解説します。テキストに影を加えることで、文字がより立体的に見え、視認性も向上します。

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

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

手順2：レイアウトファイル（activity_main.xml）を編集する

res/layout/activity_main.xml に以下のコードを追加します。ここでは、画面中央に大きなサイズのTextViewを配置しています。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
   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"
   tools:context=".MainActivity">
   <TextView
      android:id="@+id/textView"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:padding="8dp"
      android:text="Hello World!"
      android:layout_centerInParent="true"
      android:textSize="128sp"
      android:textStyle="bold|italic" />
</RelativeLayout>

手順3：MainActivity.java を編集する

src/MainActivity.java に以下のコードを記述します。影を付けるポイントは setShadowLayer() メソッドです。

import android.graphics.Color;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.TextView;
public class MainActivity extends AppCompatActivity {
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      TextView textView = findViewById(R.id.textView);
      textView.setTextColor(Color.MAGENTA);
      textView.setShadowLayer(16, 8, 8, Color.BLUE);
   }
}

setShadowLayer(16, 8, 8, Color.BLUE) の各引数は、それぞれ次のような役割を持っています。

• 第1引数（16）：影のぼかし半径（blur radius）。値が大きいほど影が柔らかく広がります。
• 第2引数（8）：影のX方向（横）のオフセット量。
• 第3引数（8）：影のY方向（縦）のオフセット量。
• 第4引数（Color.BLUE）：影の色。

なお、XMLレイアウト側で android:shadowRadius、android:shadowDx、android:shadowDy、android:shadowColor の各属性を指定することでも、同様にテキストへ影を設定できます。

手順4：AndroidManifest.xml を確認する

androidManifest.xml に以下のコードが含まれていることを確認してください。

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="https://schemas.android.com/apk/res/android" package="app.com.sample">
   <application
      android:allowBackup="true"
      android:icon="@mipmap/ic_launcher"
      android:label="@string/app_name"
      android:roundIcon="@mipmap/ic_launcher_round"
      android:supportsRtl="true"
      android:theme="@style/AppTheme">
      <activity android:name=".MainActivity">
         <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
         </intent-filter>
      </activity>
   </application>
</manifest>

アプリを実行して結果を確認する

それでは、アプリケーションを実行してみましょう。ここでは、実機のAndroidスマートフォンをパソコンに接続しているものとして説明します。

Android Studioからアプリを実行するには、プロジェクト内のアクティビティファイルを開き、ツールバーにあるRun（実行）アイコンをクリックします。表示された候補の中から自分のモバイルデバイスを選択すると、接続した端末にアプリが起動し、マゼンタ色のテキストに青い影が付いた画面が表示されます。