storyboardの設定項目を一括で更新する

  • 6
    Like
  • 0
    Comment
More than 1 year has passed since last update.

背景

storyboardで画面を作っているときに背景が白や透明のUIViewを配置していると、ぱっと見でどこに置いたかわからなくなり、たいへんつらい時があります。そのため、一時的に背景色を設定することで、storyboard上で作業しやすくすることがあります。

もちもん、設定した色は最終的には無効にする必要がありますが、同じように色を複数変更している場合、1つずつ手作業で修正していくのは大変面倒です。

storyboardの中身はxmlなので、直接編集して一括で変更します。

サンプル

以下は複数の画面に設置したUIView(青)の背景を一度に白に変更しています。

storyboard_xml.gif

手順

  1. あとで変更するところに、他とかぶらず、あとでgrepしやすい色を設定する
    • 今回は説明のため原色の青
  2. storyboardをお好みのeditorで開くか、grep,sedといったコマンドラインツールを用意する
    • 複数のstoryboardやIBがある場合は複数
  3. 1.で設定した色をgrep/置換する
  4. XCode上で変更を確認する
  5. 念のためbuildを行い、storyboardが壊れてないか確認する

最後に

色以外にも、User Defined Runtime Attributesが正しく設定されているかgrepで確認したり、CellIdentifierを確認しClass名と同じものに一括で設定したりと、いろいろ楽になると思います。ある程度定型作業が増えてきたらscript化すると便利ですね。

もし問題が起きてもgit checkoutやgit resetで戻せばよいのではないでしょうか。

おまけ

animated GIFの作成にはLICEcapを使用しました。