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枚の図を見てください.
UIScrollView 的基本用法    UIScrollView 的基本用法    UIScrollView 的基本用法
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のプロパティパネルです.
UIScrollView 的基本用法
参考:1.  UIscroollViewの原理の詳細
本明細書のリンクhttp://unmi.cc/use-uiscrollview/ウグイスUnmi Blog