チュートリアルなどでUIPageControlを使うときは標準のアクションに対応するのを忘れずに - 24/7 twenty-four seven
UIPageControlはiPhoneのホーム画面でも使われている、今何ページ目かを示すUIControlのサブクラスです。 最初のiOSからあって、特徴的なUIなのでフリックでページをめくる画面ではこれを使って現在のページを示すのが定番になっています。 特に最近では初回起動時のチュートリアル画面でよく使われます。 ただ、意外と経験のあるひとが書いたものでも、このコンポーネントがタップによって値が変わるコントロールであることを忘れているのをけっこう見ます。 これを忘れると、UIPageControlのドットのところをタップすると、ドットの場所は変わるのに画面は変わらないので、ちょっとマヌケな感じになってしまいます。 UIPageControlはUISliderなどと同様にUIControlのサブクラスなので、基本的にユーザーの操作によって値が変わるコントロールです。 見た目に特徴があるの
最近始めて知りました。 そうです。UIPageControlの使い方です。 【今までの勘違い】 ・UIPageControlだけでページングは実装できる ・UIPageControlに数枚のviewを乗せることによってページングが可能となる 【今回わかったこと】 ・ページングはUIScrollViewにて実装する ・UIPageControlは各ページviewとは別物で、ただのページ（ページ数・現在ページ）である ・UIScrollViewとUIPageControlを紐付けてあげることで、わかりやすいページングが実装できる iPhoneのホーム画面を見ていると、どうしても各ページとその下のページを示す点はもともと関連があるものだと思えてしまうのですが、そうではなかったようです。 以下、試しに書いたサンプルソース。 PageControlBaseView.h #import <UIKit/
おはようございます。たまにiPhoneアプリ開発者になる森下です。 今日は、iphoneアプリ開発 技術情報なのでプログラマの方以外にはつまんないと思います。 UIPageControlはデフォルトではカレントドットの色が白なので、白いページ上で使う場合、そのままでは不便です。以下のページの方法だと、任意の画像に変更することができます。 Customisable UIPageControl http://www.onidev.com/2009/12/02/customisable-uipagecontrol/ UIPageControlを継承して独自クラスを作成することで実現します。 手順 クラスを作成 .h（ヘッダファイル）にプロパティ追加 #import <UIKit/UIKit.h> @interface OMPageControl : UIPageControl { UIImag
UIScrollViewとUIPageControlで公式twitterアプリっぽいView作ってみた - Qiita
概要 最近Swiftで何かアプリ作ろうと企んでいましたが、やっと行動にうつせています。そこで、作っているアプリのメイン画面どうする？みたいな話になったときに、tabでview切り替えればいいのではないかと思ったけど、それだったら公式twitterみたいにスワイプで切り替えられたらカッコイイよねって話になって、作ることになりました。 class ViewController: UIViewController, UIScrollViewDelegate { let BETWEEN_WIDTH = CGFloat(5) let NUMPAGES = 3 var barColor = UIColor(red: CGFloat(0.18), green: CGFloat(0.80), blue: CGFloat(0.44), alpha: CGFloat(1.0)) var pageControl
iOSのTwitterのアプリのNavigationBarにUIPageControlが入っていて素敵だなと思ってまねてみました。 完成した画面はこんな感じになります。 UIPageViewControllerを使って実装してみました。 簡単に実装方法を紹介します。 StoryBoard こんな感じで実装してみました。 NavigationItemの上に一度UIViewをのせて、さらにその上にUILabelとUIPageControlをのせています。 あとは@IBOutletでViewController.swiftと接続してます。 ソースコード わかりやすく一つのViewController.swiftにまとめてみました。 ViewController.swift123456789101112131415161718192021222324252627282930313233343536
iOS/iPhone/iPad/MacOSX プログラミング, Objective-C, Cocoaなど 追加自体は簡単で UIPageControl のインスタンスを作成し、表示したい UIViewに追加するだけ。 // setup page control CGRect pageControlFrame = CGRectMake( 0, self.bounds.size.height-DEFAULT_MARGIN_HEIGHT, self.bounds.size.width, DEFAULT_MARGIN_HEIGHT); self.pageControl = [[[UIPageControl alloc] initWithFrame:pageControlFrame] autorelease]; self.pageControl.autoresizingMask = UIViewAu
![Cocoaの日々: 簡易スライドビューア [13] UIPageControl を追加](https://cdn-ak-scissors.b.st-hatena.com/image/square/c32dfcacac93f943b291fef968f21da84d93fc18/height=288;version=1;width=512/https%3A%2F%2Fblogger.googleusercontent.com%2Fimg%2Fb%2FR29vZ2xl%2FAVvXsEiyc6GyDXNCt9m65XwNUpbWPhyphenhyphenTERMhS5ERkVM_nv5UOSbhI81tYQCZ2O6qiaOrGi5eO9j667h4Lnaa3zfZ1FBi3dw0BtSzKAXg9bpNPIE-iMa8T1AK2cUzs-TPP-iVe3WUhcaME8qAzsR_%2Fs1600%2F101013-0004.png)
こんにちは！久しぶりの更新になってしまいました。 アプリの操作などは初回起動時にツアーなどを表示させて説明したいですよね。そんな時には「UIPageControl」を利用すると簡易的なスライドページを作ることができます。 サンプルコード UIPageCongrolを利用して各ページをスライドさせるには、UIScrollViewが必要です。 サンプルでは表示するページ数に応じてUILabelで現在のページ数が分かるように表示しています。 hogeViewController.h @interface hogeViewController : UIViewController<UIScrollViewDelegate> @property(nonatomic,strong) UIScrollView *scrollView; @property(nonatomic,strong) UIPage
いま作ってるiOSアプリで、ホーム画面に使われているUIPageControlみたいに、一番左の点だけ独自のアイコンに変更したかったのでやってみた。 ところで、UIPageControlって、何故こんなにもカスタマイズ性が低いのだろうか？ 需要や見た目どころの話でなく、背景が白くなった場合に、全く機能を果たせないというのは致命的だ。 UIPageControlの点はUIImageView！？ 調べてみたところ、このUIPageControlの白や黒の点は、ただのUIImageViewであることがわかった。 あるところでは、UIPageControlがUIImageViewを管理している配列_indicatorsをhackして〜ということをやっていたが、海外のサイトをあさっていたら、物凄く簡単な方法を発見した。 まずUIPageControlを継承したクラスを作る。 白黒の点がUIImage
Storyboard上でUIPageControlとUIScrollViewを配置してIBOutletとしてPageViewControl.hファイルに接続しておく また、UIScrollViewのdelegateを配置したUIViewControlに向けておく // ページ数は最大で11までらしい #define kNumberOfPages 11 // pageControlの左右がタップされたときに呼ばれる // scrollViewのスクロール位置をズラして表示を変える - (void)pageControlDidChange:(UIPageControl *)sender { CGRect frame = scrollView.frame; frame.origin.x = frame.size.width * sender.currentPage; frame.origin.y
UIPageControlのアイコンを変える
移転しました→ http://d.hatena.ne.jp/Yusk/20101111/1332902630 いま作ってるiPhoneアプリで、iPhone/iPod touchのホーム画面に使われているUIPageControlみたいに、一番左のアイコンを独自のものに変えたかったので、やってみた。 ところで、UIPageControlって、何故こんなにもカスタマイズ性が低いのだろうか？ 需要や見た目どころの話でなく、背景が白くなった場合に、全く機能を果たせないというのは致命的だ。 UIPageControlの点はUIImageView！？ 調べてみたところ、このUIPageControlの白や黒の点は、最初から用意されているただのUIImageViewであることがわかった。 あるところでは、UIPageControlがUIImageViewを管理している配列_indicatorsをhac
[Swift][OSS] 普通のUIPageControlにはもう飽きた！アニメーションがクールなCHIPageControl | DevelopersIO
progressをアニメーションさせる ページコントロールのset(progress:animated:)メソッドでprogressをアニメーションさせます。 １秒ごとにアニメーションするようにしました。 import UIKit import CHIPageControl enum Direction { case left case right func newProgress(withCurrentProgress current: Int) -> Int { switch self { case .left: return current - 1 case .right: return current + 1 } } } class ViewController: UIViewController { @IBOutlet weak var pageControl: CHIBaseP
![[Swift][OSS] 普通のUIPageControlにはもう飽きた！アニメーションがクールなCHIPageControl | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/cd616d43627770acf3d2af18695851272d60bed9/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2015%2F12%2Fios.png)
Damien DeVille » Blog Archive » DDPageControl, a custom UIPageControl
UIPageControl, the sibling of any UIScrollView with paging enabled is a widely used control (Apple uses it in many of their apps, Weather, Safari, even to scroll between screens in iOS). However, when building an app, designers are rarely happy with the standard UIPageControl and often prefer a slight variant of it (changing the color of the indicators, their size, etc..). Unfortunately, UIPageCon
UIScrollViewとUIPageControlで公式twitterアプリっぽいView作ってみた - Qiita
概要 最近Swiftで何かアプリ作ろうと企んでいましたが、やっと行動にうつせています。そこで、作っているアプリのメイン画面どうする？みたいな話になったときに、tabでview切り替えればいいのではないかと思ったけど、それだったら公式twitterみたいにスワイプで切り替えられたらカッコイイよねって話になって、作ることになりました。 class ViewController: UIViewController, UIScrollViewDelegate { let BETWEEN_WIDTH = CGFloat(5) let NUMPAGES = 3 var barColor = UIColor(red: CGFloat(0.18), green: CGFloat(0.80), blue: CGFloat(0.44), alpha: CGFloat(1.0)) var pageControl
GitHub - Spaceman-Labs/SMPageControl: A drop in replacement for UIPageControl with a slew of additional customization options.
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
Storyboardから始めるiPhoneアプリ開発 [Xcode][objective-c]UIScrollViewとUIPageControlを組み合わせてスワイプでページを切り替える方法
==<<管理者環境>>== MacOSX ver.10.7.3 Xcode ver.4.2.1 ============== 以前、似たような記事を書きましたが、UIScrollViewのみを使ってページを切り替えるという方法でした。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Basilの息子｜UIPageControlの使い方
UIPageControlのドットの色を変える方法 | RIA開発者ブログ
【iOS】NavigationBarにUIPageControlを表示する | AdMax Tech Blog
Cocoaの日々: 簡易スライドビューア [13] UIPageControl を追加
【iOS】UIPageControlを利用したスライドページ作成 | 日本VTR実験室
UIPageControlのアイコンを変える - Yusk's UseCase
UIPageControl + UIScrollViewでスライドショー的な画面をつくる - Qiita