UIscrollViewの基本的な使い方
4192 ワード
変換元:http://unmi.cc/use-uiscrollview/
iPhone/iPadではUIScrollViewがよく使われていますが、ここでは最も簡単な例として、ScrollViewにUIViewが3つ入っています.これら3つのUIViewはそれぞれ異なる背景色を設定しており、ScrollViewでは1ページ1ページのスクロールが可能である.
このコードはUIViewControllerのviewDidLoadメソッドで実行されます.contentSizeなどの各FrameとScrollViewの重要なプロパティに注意してください.ScrollViewでページごとにスクロールすると、1つのScrollViewの幅(横方向)または高さ(縦方向)が移動します.次の2枚の図を見てください.
1枚目の図は、属性contentOffsetで設定された2番目のViewが起努Viewで、真ん中が例えば左にスクロールする場合、デフォルトでスクロールバーが表示され、3枚目の図は赤いパネルにスクロールされ、各View間の隙間に注意して、View周囲の余白としても使用されます.
上の効果のコードは次のとおりです.詳細なコメントが追加されています.
本明細書の元のリンクhttp://unmi.cc/use-uiscrollview/、ウグイスUnmi Blogから
UIViewに対応するUIViewControllerがあるわけではありません.UIScrollViewには対応するUIScrollView Controllerはありませんが、UIScrollViewにもイベントがあります.ただし、UIScrollViewのDelegateを自分で指定する必要があります.このDelegateはプロトコルUIScrollViewDelegateの方法を適用します.
ScrollViewに関するいくつかのプロパティは、Xcodeコードのプロンプトに表示されるか、Interface Builderに表示されるか、各プロパティのデフォルト値が何であるかが一目でわかります.次の図はXibのScrollViewのプロパティパネルです.
参考:1. UIscroollViewの原理の詳細
本明細書のリンクhttp://unmi.cc/use-uiscrollview/、ウグイスUnmi Blog
iPhone/iPadではUIScrollViewがよく使われていますが、ここでは最も簡単な例として、ScrollViewにUIViewが3つ入っています.これら3つのUIViewはそれぞれ異なる背景色を設定しており、ScrollViewでは1ページ1ページのスクロールが可能である.
このコードはUIViewControllerのviewDidLoadメソッドで実行されます.contentSizeなどの各FrameとScrollViewの重要なプロパティに注意してください.ScrollViewでページごとにスクロールすると、1つのScrollViewの幅(横方向)または高さ(縦方向)が移動します.次の2枚の図を見てください.
1枚目の図は、属性contentOffsetで設定された2番目のViewが起努Viewで、真ん中が例えば左にスクロールする場合、デフォルトでスクロールバーが表示され、3枚目の図は赤いパネルにスクロールされ、各View間の隙間に注意して、View周囲の余白としても使用されます.
上の効果のコードは次のとおりです.詳細なコメントが追加されています.
- (void)viewDidLoad
{
[super viewDidLoad];
// ScrollView Frame, , , , ,
UIScrollView *scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(50, 0, 210, 100)];
scrollView.backgroundColor = [UIColor grayColor]; // ScrollView , View
// ScrollView View,View 200 5 ScrollView
UIView *view1 = [[UIView alloc] initWithFrame:CGRectMake(5,5,200,90)];
view1.backgroundColor = [UIColor redColor];
[scrollView addSubview:view1];
// View, 5 ScrollView , View 10
UIView *view2 = [[UIView alloc] initWithFrame:CGRectMake(215,5,200,90)];
view2.backgroundColor = [UIColor greenColor];
[scrollView addSubview:view2];
// View
UIView *view3 = [[UIView alloc] initWithFrame:CGRectMake(425,5,200,90)];
view3.backgroundColor = [UIColor blueColor];
[scrollView addSubview:view3];
[self.view addSubview:scrollView];
// , , View ,
// View , 200x3+5+10+10+5=630
// ScrollView , ,
scrollView.contentSize = CGSizeMake(630, 100);
// ScrollView , ScrollView
scrollView.contentOffset = CGPointMake(210, 0);
// , ,
scrollView.pagingEnabled = YES;
}
本明細書の元のリンクhttp://unmi.cc/use-uiscrollview/、ウグイスUnmi Blogから
UIViewに対応するUIViewControllerがあるわけではありません.UIScrollViewには対応するUIScrollView Controllerはありませんが、UIScrollViewにもイベントがあります.ただし、UIScrollViewのDelegateを自分で指定する必要があります.このDelegateはプロトコルUIScrollViewDelegateの方法を適用します.
ScrollViewに関するいくつかのプロパティは、Xcodeコードのプロンプトに表示されるか、Interface Builderに表示されるか、各プロパティのデフォルト値が何であるかが一目でわかります.次の図はXibのScrollViewのプロパティパネルです.
参考:1. UIscroollViewの原理の詳細
本明細書のリンクhttp://unmi.cc/use-uiscrollview/、ウグイスUnmi Blog