[iOS][Swift3.0] ボタンのシンボルをアニメーションさせるDynamicButton | DevelopersIO
アプリケーションにおけるボタンのシンボルは状況に応じて変化する場合があります。 例えば、GoogleのマテリアルデザインガイドラインのMotionのページには、システムアイコンを切り替えるサンプルが載せられています。 今回試してみたDynamicButtonは、矢印などの標準的なシステムアイコンのシンボルが用意され、それらが切り替えられるアニメーションをサポートしています。 上記画像のシンボルはデフォルトで用意されているものです。線の太さや色などは自由に定義出来ます。また、パスを独自に書くことによって、オリジナルな図柄にすることも可能です。ライセンスはMITです。 yannickl/DynamicButton 検証環境 今回は下記環境で試しています。 Xcode 準備 導入 CocoaPodsで追加します。 platform :ios, '9.0' use_frameworks! targ
![[iOS][Swift3.0] ボタンのシンボルをアニメーションさせるDynamicButton | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/c83d413afe58d904e71a2ee3e849a272825f43c1/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2015%2F01%2Fios_ui.png)
UIButtonタイトルの表示位置や余白の調整方法
UIKitのUIButtonのタイトルはデフォルトでは中央寄せです。 そのタイトルを左寄せや右寄せにする方法や余白の付け方について解説します。 UIButtonのタイトルを右寄せや左寄せにする タイトル等の余白の設定方法 UIButtonのタイトルを右寄せや左寄せにする タイトルの左寄せや右寄せはプロパティが用意されていますので、 専用の値をセットするだけで簡単に指定する事が出来ます。 contentHorizontalAlignmentプロパティに対してUIControlContentHorizontalAlignmentLeftを指定すれば左寄せ、 UIControlContentHorizontalAlignmentRightを指定すれば右寄せとなります。 // UIButtonを作成 UIButton* button = [[[UIButton alloc] init] sutor
UIButtonにimageもtextも縦に表示させる
UIButtonにimageとtextを設定すると、横に並べて表示される。 縦に表示したい場合は一手間が必要（だと思う) 何も指定せずに表示してみる 何も指定せずにimageと適すを表示すると、imageとtextを横に並べてセンタリングされる 余白調整 縦に表示するためにそれぞれの余白を調整する imageの余白指定 : imageEdgeInsets textの余白指定 : titleEdgeInsets ※計算するまえに文字列を設定しても問題ない 実装 今回はUIButtonのカテゴリにレイアウト調整する関数を追加 @implementation UIButton (Layout) - (void)verticalLayout { float buttonHeight = CGRectGetHeight(self.frame); float imageHeight = CGRectG
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How to make the UIButton background transparent?
