iOSアプリでテキストに影を素早く追加する方法（Swift）

ゲーム開発や子供向けアプリ、あるいは魅力的なユーザーインターフェースを持つアプリを開発しているなら、テキストに影を追加する方法を知っておくことは非常に重要です。テキストに影をつけることで見た目が美しくなるだけでなく、ユーザーエクスペリエンスの向上にもつながります。

この記事では、UILabelのテキストに影を追加する手順をステップごとに解説します。

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

Xcodeを開き、「New Project」→「Single View Application」を選択して、プロジェクト名を「ShadowText」とします。

手順2：ラベルを配置して接続する

Main.storyboardにラベルを配置し、そのラベルの@IBOutletを作成します。ここでは「lblHelloWorld」という名前を付けます。

手順3：拡張コードを追加する

ViewController.swiftに以下のコードを追加します。UILabelのextensionとして完全な形で記述してください。

extension UILabel {
    func UILableTextShadow(color: UIColor){
        self.textColor = color
        self.layer.masksToBounds = false
        self.layer.shadowOffset = CGSize(width: 1, height: 1)
        self.layer.rasterizationScale = UIScreen.main.scale
        self.layer.shadowRadius = 6.0
        self.layer.shadowOpacity = 1.0
    }
}

手順4：viewDidLoadから呼び出す

次に、viewDidLoadから上記の関数を呼び出します。以下のように記述します。

override func viewDidLoad() {
    super.viewDidLoad()
    self.lblHelloWorld.UILableTextShadow(color: UIColor.red)
}

実行結果を確認する

アプリケーションを実行すると、ラベルのテキストに影が表示されているのが確認できます。

shadowOffsetで影の位置を調整したり、shadowRadiusやshadowOpacityの値を変更することで、影のぼかし具合や濃さを自由にカスタマイズできるので、ぜひ自分のアプリに合ったスタイルを見つけてみてください。