You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
画像とUIに関するefclのブックマーク (14)
-
efcl 2018/01/20
-
-
-
ZDStickerView - 片手操作でズーム、移動をできるiOSライブラリ - モバイル/タブレット向けオープンソース紹介 - Mobile Touch - モバイル/タブレット開発者およびデザイナー向け情報ポータル
スマートフォンは指先を使って操作するのが当たり前になっていますが、場合によっては両手を使わないといけない操作があります。例えば画像のピンチ操作です。また、オブジェクトを示すタップ操作と、動かす場合は二本指でタップなどと分けることもあるでしょう。 折角片手で操作していたのにやりたいことによって両手操作が求められるのは意外と面倒です。そこで参考にしたいライブラリがZDStickerViewになります。 ZDStickerViewのスクリーンショット 例えばこのように表示されます。 デモ オブジェクトに動かしたりズーム操作用のボタンが追加されます。これをタップするとズームしたり、動かしたりできます。 デモ動画は以下になります。全て片手操作でできるのが良いですね。 ZDStickerViewの使い方 ZDStickerView *userResizableView1 = [[ZDStickerVi
-
-
-
UIAppearanceでナビゲーションバーをカスタマイズする | Technology-Gym
2012年のiOSアプリ開発の振り返り | Technology-GymでUIAppearanceが便利だということを書いていましたが、実際にナビゲーションバーにUIAppearanceを使った画像の適応例を見て行きたいと思います。 例えば、UIAppearanceを使えばナビゲーションバーの背景画像などを一括で指定することができますが、ナビゲーションバーといってもnavigationItem.promptを設定したりすると高さが変わったりします。 こういう場合に固定サイズの画像のままでは、背景画像を適応しにくいので、resizableImageWithCapInsetsを上手く使い解決していくサンプルです。 azu/AppearanceWithResizableImageWithCapInsets · GitHub 上記のような見た目にカスタマイズするために、ナビゲーションバーの背景やU
-
-
-
UITabBarのデザインを変更する｜Pentacreation BLOG
変更するのは以下の4点です。 ・UITabBarの背景画像 ・Selection Indicator Image ・アイコン ・タブのタイトルテキストの位置とカラー ● UITabBarの背景画像を変更する UITabBarの背景画像は、320px × 49pxの画像（UIImage）をUIAppearanceを使用して下記のように設定します。※Retina用には倍の解像度の画像が必要です。 ● SelectionIndicatorImageを変更する Selection Indicator Imageは、タブが選択されている時の、背景画像とアイコンとの間に描画される「選択中」であることを示す画像です。Selection Indicator Imageの画像サイズは、( 320px / タブの個数 ) × 49pxで、こちらもUIAppearanceを使用して、下記のように設定します。 ※
-
標準の写真アプリのようなUIを実装する | エンジニア開発記
標準の写真アプリで写真を見ると、二本指で拡大・縮小ができます。 さらに、左右にスワイプすると次の写真が表示されます。 このUI、写真一覧を表示するようなアプリでは重宝するのですが、 標準UIではないし、UIScrollViewを入れ後にしないといけないしで結構ハードルが高いです。 しかし、すごい簡単な導入方法がありましたので、紹介したいと思います。 実はサンプルコードが存在する なんとappleのサンプルコードの中にほぼ同等のものがあります。 PhotoScroller 今回はこちらのサンプルのコードを流用しながら作りたいと思います。 プロジェクトに追加する まず、サンプルをダウンロードします(PhotoScroller) ダウンロードしたものの中にあるPhotoViewController、ImageScrollViewを自分のプロジェクトに追加する いらないコードを削除orコメントアウ
-
-
-
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しました