0
1

More than 3 years have passed since last update.

Xcodeのアイコンをバージョンごとに変える

Last updated at Posted at 2020-08-27

Xcodeで開発をしていると、複数バージョンのXcodeが必要になる時があります。しかし、複数バージョンをインストールしているとDock等でアイコンが被ってわかりにくいことがあります。Xcodeのアイコンに目印をつけてわかりやすくしてみます。

確認環境

  • Macbook Pro late 2013
  • macOS Mojave 10.14.6

手順

1. アイコンの抽出

まず「アプリケーション」フォルダ(/Application/)を開きます。
そしてXcodeを右クリックしてコンテキストメニューから「Xcodeをコピー」します。

スクリーンショット 2020-08-27 16.28.48.png

次に「プレビュー」アプリを開き、

スクリーンショット 2020-08-22 1.56.25.png

「ファイル」→「クリップボードから新規作成」を押します。

スクリーンショット 2020-08-22 1.59.18.png

するとこのように表示されます。これでアイコンが抽出できました。

B47E04EA-E1D4-4318-A486-BF6EAC7CF03D.png

2. アイコンの編集

区別できるように文字を入れていきます。
「ツール」→「注釈」→「テキスト」を選び、バージョンが分かるように入力します。

76FDDB75-0B2C-4B46-BE42-72DB067F01A2.png

文字を入れたものを画像(pngファイル)に書き出します。「ファイル」→「書き出す」を押し「Icon1024.png」という名前で保存します。

9F10C057-BA89-4062-AEFC-26B821DC7A84.png

3. アイコンファイルの作成

アイコンファイルを作成していきます。
ここはコマンドラインでの作業になります。Terminalを開いて、先ほど出力したpngファイルと同じディレクトリへ移動してください。そこでStackoverflowの下記回答に記載のスクリプトを実行します。

How to manually create icns files using iconutil?
https://stackoverflow.com/questions/12306223/how-to-manually-create-icns-files-using-iconutil/20703594#20703594

すると、同じディレクトリに「MyIcon.icns」が出力されます。これが完成したアイコンです。

4. アイコンの設定

アイコンを設定します。「アプリケーション」フォルダ(/Application/)でアイコンを設定したいXcodeを右クリックし、「情報を見る」を選択します。

スクリーンショット 2020-08-22 2.30.53.png

そして、下記の赤囲みの部分へ、先ほど作成したアイコンである「MyIcon.icns」ファイルをドラッグ&ドロップします。

スクリーンショット 2020-08-22 2.31.00.png

これでアイコンが変更できました。Dockのアイコンはすぐには変わりませんが、対象のXcodeを一度終了→起動すると変更が適用されます。

参考

Macアプリのアイコン画像を取り出して素材として使用する方法
https://gori.me/mac/mac-tips/96231

How to manually create icns files using iconutil?
https://stackoverflow.com/a/20703594

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1