UINavigationBar に複数の UIBarButtonItem を配置するには - 24/7 twenty-four seven
UINavigationBar は基本的に左右 (leftBarButtnItem, rightarButtonItem) に一つずつしかボタンを配置することができません。 しかし、ちょっと工夫をするとその制限を突破することができます。 （まあ物理的なスペースの関係でせいぜい２つか３つがやっとなのですけどね） 方法その１． UIToolbar を UIBarButtonItem として配置し、その中に UIBarButtonItem を並べる もっとも見た目がキレイに仕上がる方法です。 UINavigationBar の leftBarButtnItem と rightarButtonItem は UIBarButtonItem のインスタンスをそれぞれ１つずつしか代入できませんが、UIToolbar を UIBarButtonItem として作成することで、その UIToolbar に複
ナビゲーションバーの背景を画像にしたい。そうすることによって、アプリケーションの世界観を前面に押し出したい。たとえば「iBooks」のように。たとえば「メモ」のように。 「そんなの簡単。UIImageView を UINavigationBar に insertSubview: atIndex: すればよいだけの話」と思いきや、そうではありませんでした。ある問題があったのです。 今回は、まずその問題を明らかにし、その問題を踏まえた上で、ナビゲーションバーの背景を画像にする方法を紹介します。 ナビゲーションバーの背景を画像にするとき、真っ先に思いつくのが「UINavigationBar に UIImageView を insertSubview: atIndex: する」という方法ではないでしょうか。 // Get navigationBar UINavigationBar *navigat
Cocoaの日々: [iOS] iOS5 から標準で UINavigationBar に複数のボタンを配置することができるようになった
iOS/iPhone/iPad/MacOSX プログラミング, Objective-C, Cocoaなど UINavigationItem の API に iOS5 から rightBarButtonItems があることに気がついた。複数形ということは...？ 早速試してみた。こうすると。 UIBarButtonItem *item1 = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemAdd target:self action:@selector(touched:)]; UIBarButtonItem *item2 = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemCamera tar
![Cocoaの日々: [iOS] iOS5 から標準で UINavigationBar に複数のボタンを配置することができるようになった](https://cdn-ak-scissors.b.st-hatena.com/image/square/cfee2234fe59b8db7a7b8034a0bc48ee67035a1c/height=288;version=1;width=512/http%3A%2F%2F4.bp.blogspot.com%2F-WZrag3YV1Tc%2FTwW1unWp2xI%2FAAAAAAAAH50%2F_iRJPKdYBFo%2Fs1600%2F120105-0013.png)
1行で導入するback gestureの話とUINavigationBarを拡張した話 - blog.ishkawa.org
一昨日、conferenceWithDevelopersのLTで、1行で導入するback gestureの話をしてきました。 LTの内容と、やろうとして間に合わなかったことの紹介を書きます。 1行で導入するback gesture iPhone 5が発売されて、UINavigationBarのbackButtonItemに指が届きにくくなったので、 スワイプして戻るという動作を実装するアプリが増えてきたように思います。 これを実装するにはUIGestureRecognizerを使ってあれこれするのですが、 毎回これを書くのはだるいので、UIViewControllerを拡張して 1行で導入できるようにしたライブラリを書きました。 ISBackGesture 使い方 UIViewControllerにbackGestureEnabledというプロパティが追加されているので、 これの値をY
[iPhone] UINavigationBar に UISearchBar を入れる方法 | Sun Limited Mt.
ナビゲーションバーに検索バーを入れるとき、Interface Builder で入れようとしても入れることは出来ません。Youtube アプリのようにナビゲーションに検索を入れたかったので調べたメモです。 検索バーを入れたいビューコントローラーに以下のようにして入れます。 UISearchBar *searchBar = [[UISearchBar alloc] init]; searchBar.delegate = self; self.navigationItem.titleView = searchBar; self.navigationItem.titleView.frame = CGRectMake(0, 0, 320, 44); [searchBar release]; 検索バーを入れたビューコントローラに UISearchBarDelegate を設定するのをお忘れなく。 関
UITabBarController, UINavigationControllerを使っているときに、TabBarやNavigationBarによって占有された残りのView領域の大きさを取得したい。 そう思って色々調べたもののなかなか見つからなかった。とりあえず高さ480からステータスバーで20、あとはNavigationBar, TabBarの高さがそれぞれ分かれば、、、と。 結局たどり着いたのは、UITabBarControllerのrotatingFooterView, rotatingHeaderViewを使う方法。 UITabBarControllerの中のUINavigationControllerの中のUIViewControllerからなら、 CGFloat navHeight = [[[self tabBarController] rotationgHeaderVie
App Extension 上で UINavigationBar.appearance() が HostApp から影響を受ける問題を回避する - niwatakoのはてなブログ
ちょっとマニアックな情報ですが、ドキュメントのどこにも書かれていないとっておきのネタです。 Action Extension、またはShare Extensionを開発していて、UINavigationBarを利用しているという方はぜひご覧ください。 この記事は Cocoa Advent Calendar 2016 6日目の記事です。昨日の記事はnaochi___さんの[iOS] Xibを使って自前のダイアログを作るでした。 この記事では、id:kaniza さんの4日目の記事 第 70 回 Cocoa 勉強会関西に行ってきた - kanizaのブログ で触れられている、 第70回 Cocoa勉強会関西 で私が発表した内容について書きます。 "App Extension 上で UINavigationBar.appearance() が HostApp の影響を受ける問題" とは？ このよ
UINavigationBarやUIToolbarへの背景画像追加（iOS SDK） | ふぁのれこそは半角カタカナで
iOS 5からちょっと様子が変わった模様。 メソッドが追加されている。 前までは @implementation UINavigationBar (UINavigationBarCategory) - (void)drawRect:(CGRect)rect { UIImage *image = [UIImage imageNamed: @"NavigationBar.png"]; [image drawInRect:CGRectMake(0, 0, self.frame.size.width, self.frame.size.height)]; } @end （これだと色んなところがこの画像に統一されちゃう。のがいい場合にもあるが。） をViewControllerに書き加えてオーバーライドしたりとか UIImage *navBGImage = [UIImage imageNamed:@"
UINavigationBarをUINavigationControllerではなく、UIViewController等に独自に実装する場合、以下のようにします。 // ナビゲーションバーを生成 UINavigationBar* navBarTop = [[UINavigationBar alloc] initWithFrame:CGRectMake(0, 0, 320, 40)]; navBarTop.alpha = 0.7f; // ナビゲーションアイテムを生成 UINavigationItem* title = [[UINavigationItem alloc] initWithTitle:@"Title"]; // 戻るボタンを生成 UIBarButtonItem* btnItemBack = [[UIBarButtonItem alloc] initWithTitle:@"Bac
Help us understand the problem. What is going on with this article?
ナビゲーションバーを透明にする transparent UINavigationBar - ObjecTips
サンプルとして UINavigationController の rootViewController に UITableViewController を設定したものを使う。 UINavigationItem に適当にボタンを設定して UITableView の tableViewHeader に UIImageView を aspectToFill で入れて画像を設定。 Storyboardはこんな感じ ビルドするとこうなる 単純に UINavigationBar を非表示にしたい時は [self.navigationController setNavigationBarHidden:YES animated:YES]; 透明にしたい時は空の画像を背景に設定してやる。 [self.navigationController.navigationBar setBackgroundImage:
iOS5以前でUINavigationBarの背景に画像を使用する際には、いくつか方法がありました。 例えば以下の画像(navibar.png)を適用したい場合[navibar.png] よく利用していたパターン２つを参考としてあげます。 【NavigationBarカテゴリでdrawRect】 @implementation UINavigationBar (UINavigationBarCategory) - (void)drawRect:(CGRect)rect { UIImage *image = [UIImage imageNamed:@"navibar.png"]; [image drawInRect:CGRectMake(0, 0, self.frame.size.width, self.frame.size.height)]; } @end 【NavigationBarにi
UINavigationControllerをベースにしたビューの遷移は、ビューがプッシュされる度にナビゲーションバー(UINavigationBar)と呼ばれるツールバーが上端に配置される。※ナビゲーションバーには遷移を逆に辿るために「戻る」ナビゲーション用ボタンが自動的に配置されるが、その他にもUIBarButtonItem(ボタン)を追加することができる。 ただしこのUIBarButtonItem(ボタン)はInterfaceBuilderから追加するには制限があり、(左端にボタンを配置してしまうと遷移を遡るナビゲーションボタンが消えてしまうため)実質右端に一つしかボタンを配置することができないのである。 このような仕様なので使えないなと思っていたのだが、このUIBarButtonItemのカスタマイズはコードから行うことで上述した制限はなくなる。(ただしiOS5以降しか使えない)
Ask questions, find answers and collaborate at work with Stack Overflow for Teams. Explore Teams Create a free Team
UINavigationControllerを使いたいんだけど、UINavigationBarが邪魔な時。下の一行を追加すればよいです。 `self.navigationController.navigationBar.frame = CGRectZero;`
watermint.org » Blog Archive » iOSプログラミング: 不透明なUINavigationBarを設定しつつも、背景のビューは座標を変えたくない
Cocoa Touchには画面遷移をコントロールするために便利な、ナビゲーションコントロールという機構があります。ナビゲーションコントロールには、全ページに戻るためのボタンや、ページのタイトルを表示するためのナビゲーションバーがあります。さて、このナビゲーションバー(実体はUINavigationBar)、translucentプロパティをYESにすれば透明になり背景のビューは座標が(0, 0)から始まりますが、translucentが NO の場合には(0, 44)などから開始となります。 translucentがNOであるような、UINavigationBarを表示するとUIViewController自体のoriginが(0, 44)などになる。 translucentをYESにして、透明にすれば問題はすぐ解決しますが、表現の問題として時には半透明でない方がよい場合が有ります。そうい
新しいUINavigationBar, UINavigationItem & UIRefreshControl #WWDC17 #WWDC2017 | DevelopersIO
はじめに こんぬづは、海外ドラマや映画の影響でずっとチャレンジしてみたかった、中華の持ち帰りChineseBoxにようやくありつくことのできた田中です！ チャーハンを頼みましたが、思いの外みっちり入っていてこの顔です。 今回の記事は iOS 11 において UINavigationBar 周りで新しいデザインとAPIが公開されたのでそれとその挙動の紹介です。 iOS 11 では以下の画像のような新しいUIが追加になりました。NavigationBar領域が広がり、タイトルが大きく表示されるモードが追加されました。現行のiOS 10における"Music"アプリのライブラリ表示部分のようなデザインです。(ここはUINavigationBarでは無いようですが） 本記事は Apple からベータ版として公開されているドキュメントを情報源としています。 そのため、正式版と異なる情報になる可能性があ
Sketch で始める iOS の自作 UI 素材 〜 UINavigationBar 背景画像の作成と実装例 〜 | ラクイシロク
iOS アプリが標準パーツで動く形になって、次に気になるのは UI 素材をどのように自作するかです。素材は引き伸ばしてもギザギザならないベクタ形式で作成するのが好ましいですが、代表する illustrator が高価で、始めるハードルが高いように思います。 Mac AppStore で配布されている UI デザインを作成するためのドローソフト Sketch を利用すれば、簡単に UI 素材が作れます。4,300 円といい値段がしますが、illustrator と比べると安価で、機能も申し分ないと思います。そして、何よりも動作が軽いのが特徴です。 この記事では、Sketch で iOS の自作 UI 素材を作成する一例として、UINavigationbar の背景素材を作成していきます。 Sketch 2.2.3（￥4,300） カテゴリ: グラフィック&デザイン, 仕事効率化 現在の価格:
ナビバーの背景を透過させる・下線を消す -[UINavigationBar setBackgroundImage:forBarMetrics:] -[UINavigationBar setShadowImage:] それぞれで空の UIImage インスタンスを指定する。nil にすると駄目らしい [navigationBar setBackgroundImage:[[UIImage alloc] init] forBarMetrics:UIBarMetricsDefault]; [navigationBar setShadowImage:[[UIImage alloc] init]];
ORANGE DAYSをiPhone 5 & iOS 6対応していて気がついたのですが、UINavigationBarにはドロップシャドウがデフォルトで追加されるようになっているようです。 (もしかしたら旧バージョンでもあったのかもしれないけれど、ORANGE DAYSのようにUINavigationBarの背景を画像などで変更している場合は表示されていませんでした) つまりこんな感じ。 ORANGE DAYSのような平面的なデザインにドロップシャドウは要らないので、消す方法ないかなーと探してみたところ、Class ReferenceによるとiOS 6からshadowImageという新しいプロパティが追加されたとのこと。shadowImageはその名の通りUIImageなので、以下のように640x1の画像(ここではclear.png)を予め用意しといてそれを上書きすることで対応しました。
UIViewContorollerのnavigationItem.titleViewに、タイトルを2行表示するためのUILabelを設定してから、UINavigationControllerにpushすれば良い。 以下のソースコードをコピーすれば、ラベルのサイズや文字のスタイルを調整する手間が省けます。 UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 480, 44)]; label.backgroundColor = [UIColor clearColor]; label.numberOfLines = 2; label.font = [UIFont boldSystemFontOfSize: 14.0f]; label.shadowColor = [UIColor colorWithWhite:0.0 a
NavBar demonstrates using UINavigationController and UIViewController classes together as building blocks to your application's user interface. Use it as a reference when starting the development of your new application. The various pages in this sample exhibit different ways of how to modify the navigation bar directly, using the appearance proxy, and by modifying the view controller's UINavigati
GitHub - andreamazz/AMScrollingNavbar: Scrollable UINavigationBar that follows the scrolling of a UIScrollView
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
デザインがなかなかいい。 tciuro/NoticeView シートの背景は画像が用意されていてそれを使っているようだ。@2xファイルが見当たらないのが気になった。 ネタ元はこちら。 iOSで上部にかっこよく通知を出す tciuro / NoticeView が...
現象 UINavigationBarがあるViewControllerにScrollViewを全画面で置いて、 UIコンポーネントを置いていきました。 しかしStoryBoadの表示位置とビルドした時のiPhoneの画面がどうしてもずれる。 その解決方法を調べました。 UIコンポーネントの階層は View(rootView) ScrollView View(コンテンツビュー） IBコンポーネント（実際に配置するコンポーネント） (20150719日追記) AutoLayoutの設定はVisual Format Languageで表すと H:|-(-16)-[ScrollView]-(-16)| ScrollViewの水平位置はrootViewの左右の端（左右は16ポイントのマージンがあるので-16を指定） V:|-[ScrollView]-| ScrollViewの垂直位置はrootVie
Creating a left-arrow button (like UINavigationBar's "back" style) on a UIToolbar
I'd love to create a "back" left-arrow-bezel button in a UIToolbar. As far as I can tell, the only way to get one of these is to leave UINavigationController at default settings and it uses one for the left bar item. But there's no way I can find to create one as a UIBarButtonItem, so I can't make one in a standard UIToolbar, even though they're very similar to UINavigationBars. I could manually c
UINavigationBar « iPhoneメモ
iPhone開発のメモです。initWithCustomViewとベースのVIewとしてUIButtonを使用するのがみそ。 UIButton *imageButton; imageButton = [[[UIButton alloc] initWithFrame: CGRectMake(0, 0, 30, 40)] autorelease]; imageButton.contentMode = UIViewContentModeScaleToFill; [imageButton addTarget:self action:@selector(showImage:) forControlEvents:(UIControlEventTouchDown)]; [imageButton setBackgroundImage: image forState:UIControlStateNormal
UINavigationBarの背景をIB使わないで変更する方法。drawRectをOverrideする。元ネタはここ @implementation UINavigationBar (CustomImage) - (void)drawRect:(CGRect)rect { UIImage *image = [UIImage imageNamed: @"background.png"]; [image drawInRect:CGRectMake(0, 0, self.frame.size.width, self.frame.size.height)]; } @end とてもシンプルで、前の方法だとViewをpopするとItemが消えたりしたけどそれも解決。 Tag(s) iPhone
potatotipsというのはクックパッドさんが開催しているiOS/Android開発者のtips共有会です。 普段は社内のメンバーで定期的に行っているそうなんですが、今回は社外の開発者も含めて開催でした。 持ち時間は1人あたり5分と短かったので、すぐに活用できそうなtipsが多かったように思います。 話したこと iOS 7になってからUINavigationBarのcustomViewが中央寄りになってしまい、 バーの両サイドに配置されたカスタムボタンが押しにくいという問題が起きました。 これだけを理由にUINavigationBarを使うのを辞めるのはもったいないので、 customViewのフレームに影響されずに隅々までタップできるUINavigationBarを実現する方法を考えました。 実装のアイディアは結構単純で、customViewのフレーム外であってもタッチイベントの位置に
How to Edit Empty Spaces of Left, Right UIBarButtonItem in UINavigationBar [iOS 7]
Ask questions, find answers and collaborate at work with Stack Overflow for Teams. Explore Teams Create a free Team
この記事について UINavigationBarを消す方法を調べていたところ、scrollViewにdelegateを設定する方法や、ライブラリを使う方法などがありましたが、新しい方法を見つけましたので共有します。 iOS8からUINavigationControllerに便利なプロパティが追加されたようです。 /// When the user taps, the navigation controller's navigationBar & toolbar will be hidden or shown, depending on the hidden state of the navigationBar. The toolbar will only be shown if it has items to display. @available(iOS 8.0, *) public v
UIViewControllerに独自でUINavigationBarを実装する場合 | きぶんはおっさん
あまりWebに転がってなかったので記載。 // ナビゲーションバーを生成 UINavigationBar* objectNaviBar = [[UINavigationBar alloc] initWithFrame:CGRectMake(xPoint, yPoint, xRange, yRange)]; navBarTop.alpha = alpha; ※ xPoint - 起点X座標、yPoint - 起点Y座標、xRange - ナビゲーション幅、yRange - ナビゲーション高さ、alpha -ナビゲーションのα値 // ナビゲーションアイテムを生成 UINavigationItem* naviItem = [[UINavigationItem alloc] initWithTitle:@"タイトル"]; // 戻るボタンを生成 UIBarButtonItem* backButt
UINavigationBarの背景を画像にするTipsです。 背景画像を上手く取り入れて、アプリらしさを演出しましょう。 こんな感じで、アレンジ出来ますよ。 まず、フレームワークでQuartzCore.frameworkを追加。 そして、メインファイルで下記を記述。 #import ＜QuartzCore/QuartzCore.h＞ UINavigationBar *navigationBar; navigationBar = navigationController.navigationBar; // imageviewの生成とサブビュー追加 UIImageView *imageView; UIImage *image; image = [[UIImage imageNamed:@"背景画像.png"] stretchableImageWithLeftCapWidth:0 topC
How to draw a transparent UIToolbar or UINavigationBar in iOS7
I would like an entirely transparent UIToolbar and/or UINavigationBar. I have tried the various incantations suggested for pre- and post-iOS 5 but none seem to work any more. How might this be accomplished in iOS 7?
Adding pagination to the right side of a UINavigationbar
A designer asked me to add pagination to a UINavigation bar in a project with its target building for ios4.3+. I know you can add two buttons to the right side of a Navigation bar as explained here in this blog : enter link description here But to get the appearance requested to by the designer Do I need to add images to my button or is this some kind of native control(Special UISegmentedControl?)
2013/11/13 potatotips https://github.com/potatotips/potatotips/wiki/potatotips-1
GitHub - telly/TLYShyNavBar: Unlike all those arrogant UINavigationBar, this one is shy and humble! Easily create auto-scrolling navigation bars!
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
UINavigationBarとUITabBarのカスタマイズ方法について。 ナビバーの背景を透過させる・下線を消す -[UINavigationBar setBackgroundImage:forBarMetrics:] -[UINavigationBar setShadowImage:] それぞれで空の UIImage インスタンスを指定する。nil にすると駄目らしい [navigationBar setBackgroundImage:[[UIImage alloc] init] forBarMetrics:UIBarMetricsDefault]; [navigationBar setShadowImage:[[UIImage alloc] init]];
UINavigationBarはデフォルトでは左右にひとつずつしかボタンを配置することが出来ない。 UISegmentedControlを配置する、UIToolbarを上部に表示するなど、いくつかやり方はありますが、今回はUIToolbarのサブクラスとしてCustomToolbarを用意し、それをUIBarButtonItemにセット。ナビゲーションバーの右側に表示するという方法。 TestViewController.h #import <UIKit/UIKit.h> @interface CustomToolbar : UIToolbar @end @interface TestViewController : UIViewController { } @end TestViewController.m #import "TestViewController.h" @impleme
iOS7にすると、UINavigationBarの戻るボタンに設定した画像が表示されなくて困ったので原因を調べてみました。 元々は結構昔から使ってるコードで、遷移前のページで UIImage *barBackBtnImg = [[UIImage imageNamed:@"nav_icon_return.png"] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 40, 0, 0)]; [[UIBarButtonItem appearance] setBackButtonBackgroundImage:barBackBtnImg forState:UIControlStateNormal barMetrics:UIBarMetricsDefault]; [[self navigationItem] setTitle:@" "]; こんな感じで設
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UINavigationBar の背景を画像にする
UITabBar、UINavigationBarの高さ - すぎゃーんメモ
UINavigationBar
UINavigationBarの戻るボタンのカスタマイズまとめ - Qiita
iOS5でのUINavigationBarの背景画像処理 - k2ダイアリー
UINavigationBarのボタンはコードで追加する - Kazzz's diary
How to hide UINavigationBar 1px bottom line
UINavigationBarを見えなくする-iPhone App - /var/log/seiji
UINavigationBar・UITabBar のカスタマイズ方法について - Qiita
iOS6で出現するUINavigationBarのドロップシャドウを消す - ふぃすたぶろぐ
UINavigationBarに2行のタイトルを表示 | iPhoneアプリ練習帳
NavBar: Customizing UINavigationBar's appearance
UINavigationBar の背景画像のカスタマイズ（iOS 4 と 5の違い）
UIScrollViewとUINavigationBarがずれた時の対応 - Qiita
UINavigationBarの背景を画像に – ssonLogger
#potatotips で隅々までタップできるUINavigationBarの話をしました
【超簡単】【たった一行】UINavigationBarをスワイプで表示/非表示させる方法 - Qiita
[Tips]UINavigationBarの背景を画像にする » SHINGOLOG
UINavigationBarの隅々までタップしたい
UINavigationBar・UITabBar のカスタマイズ方法について - Qiita
UINavigationBarに複数のボタンを配置する | Studio Amuate
iOS7-UINavigationBarの戻るボタンに設定した画像が表示されない時の対応策 | rananculus