Xcode|Storyboardで角丸のボタンやラベルを配置するHikaruApp三浦半島の海をみながら、の〜んびりとやってま〜す。storyboardStoryBoardで角丸のボタンやラベルを配置するにはコードで書くしかないのか?機能の少ないStoryboardだなと思っていました。実つは実現する方法があったのです。その方法を紹介します。9.3.2角丸のボタンを配置するボタンからの方から説明していきます。ボタンの配置ボタンを一つ配置します次にこのボタンにクラスを設定するのでボタンクラスを作ります。ofにUIButtonを入力しNextを押してクラスを作ります。先ほど配置したボタンを選択してClassにBorderButtonを選択します。これで準備が完了しました。ボタンにボーダーライン、角丸、カラーの設定する。BorderButtonクラスにコードを書いていきます。Width:1を入力しました。StoryBoard上でもボタンに角丸と枠がつきました。シミュレーターでボタンを動作させてみましょう。何か変ですよね?ボタンを押すと枠だけくっきりと残っていませんか?それ修正します。ボタンを押した時の動作を変えるボタンクラスを継承しています。BorderButton.mにメソッドを追記します。(void)setHighlighted:(BOOL)highlightedボタンをのalphaの値を変化させて枠も変化させます。1.0;}}ボタンを押すと枠も色が薄くなるようになりました。これで少しは違和感が無くなったと思います。他色々と出来ますので挑戦してみてください。角丸枠付ボタンの完成。角丸のラベルを配置する次は角丸ラベルを作成していきます。Labelの配置ボタンの下にラベルを一つ配置します次に配置したラベルにクラスを設定するのでラベルクラス作っていきます。Classを選んでNextを押す。ofにUILabelを入力しNextを押してクラスを作成します。配置したラベルを選択してClassにBorderLabelを選択します。ラベルにボーダーライン、角丸、カラーの設定をするBorderLabelクラスにコードを書いていきます。self.borderWidth;}@end先ほど設置したラベルを選択してみると設定項目が増えています。Width:1を入力しました。StoryBoardに配置したラベルにも角丸の枠がついています。角丸枠つきのラベル完成です。まとめ|結局クラス作ってコード書いています。クラスを作成はちょっとルール違反というかズルいというか、なんか面倒くさいですよね。ボタンクラスを作ってしまえばボタンが増えても流用すればいいしStoryboard上で終了するので管理が楽です。数が多くなるとマシンパワーが必要になるのが厳しいですね。ま、できたのでよしとしましょう!今回作成したサンプルコードgithubにあげておきますので参考にしてください。第3弾はUIViewを比率で配置する方法です。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。HikaruApp.。