zoukankan      html  css  js  c++  java
  • AJ学IOS(08)UI之热门_喜马拉雅UI实现-UIScrollView的使用

    AJ分享,必须精品

    先看效果

    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述

    storyBoard用到的控件

    这里写图片描述
    这里写图片描述

    代码实现

    
    */
    //
    
    
    //  NYViewController.m
    //  05 - 喜马拉雅
    //
    //  Created by apple on 15-3-24.
    //  Copyright (c) 2015年 znycat. All rights reserved.
    //
    
    #import "NYViewController.h"
    
    @interface NYViewController ()
    @property (weak, nonatomic) IBOutlet UIScrollView *scrollView;
    @property (weak, nonatomic) IBOutlet UIButton *lastButton;
    
    @end
    
    @implementation NYViewController
    
    /**
     setter方法
    
     系统加载了Main.storyboard后,给scrollView对象进行赋值
     此setScrollView方法是由系统自动调用的。
     在看堆栈代用中 ,蓝色的是我们自己调用的,其他是系统的。
     */
    -(void)setScrollView:(UIScrollView *)scrollView
    {
        //set方法中 第一句赋值
        _scrollView = scrollView;
    
        /**设置滚动视图内容
         1,如果当前有间距,根据间距自动调整contentOffset
         2,如果没有间距,contentOffset是(0,0)
    
         简单说就是 
            contentSize 会根据边距调整offset
            contentInset 不会调整offset
         */
        //设置间距(指定内容外侧边距,并不会根据contentOffset来自动调整              )
        self.scrollView.contentInset= UIEdgeInsetsMake(64, 0, 49, 0);
    
        //设置滚动视图内容
        self.scrollView.contentSize = CGSizeMake(0, CGRectGetMaxY(self.lastButton.frame));
    
        NSLog(@"%s",__func__);
    
    
        //修改contentOffset
        /**如果先设置间距 然后再设置滚动视图的内容就不用再控制修改contentOffset了 这里是苹果设计的一个缺憾,耦合性太强,代码上下需要注意*/
        //    self.scrollView.contentOffset = CGPointMake(0, -64);
    
    }
    //视图加载完成后执行
    - (void)viewDidLoad
    {
        [super viewDidLoad];
    
        NSLog(@"%s",__func__);
    
    }
    @end
    

    UIScrollView使用以及属性

    移动设备的屏幕⼤大⼩小是极其有限的,因此直接展⽰示在⽤用户眼前的内容也相当有限,当展⽰示的内容较多,超出⼀一个屏幕时,⽤用户可通过滚动⼿手势来查看屏幕以外的内容, 普通的UIView不具备滚动功能,不能显⽰示过多的内容, UIScrollView是⼀一个能够滚动的视图控件,可以⽤用来展⽰示⼤大量的内容,并且可以通过滚 动查看所有的内容
    

    举例:⼿手机上的“设置”、其他⽰示例程序

    如果UIScrollView⽆无法滚动,可能是以下原因:
    ➢ 没有设置contentSize
    ➢ scrollEnabled = NO
    ➢ 没有接收到触摸事件:userInteractionEnabled = NO
    ➢ 没有取消autolayout功能(如果在Storyboard中添加了ScrollView的⼦子控件,要想 scrollView滚动,必须取消autolayout)

    常用的属性

    @property(nonatomic)CGPointcontentOffset; 
     // 这个属性⽤用来表⽰示UIScrollView滚动的位置
    @property(nonatomic)CGSizecontentSize;
    // 这个属性⽤用来表⽰示UIScrollView内容的尺⼨寸,滚动范围(能滚多远)
    @property(nonatomic)UIEdgeInsetscontentInset; 
    // 这个属性能够在UIScrollView的4周增加额外的滚动区域

    常见属性图片表示

    这里写图片描述


     
    ps:学习iOS的过程是一个看代码写代码的过程,虽然现在大多受都是UI,但是UI是相当重要的,这是客户第一眼看到的地方,就是我们app的脸,就像我们看人一样,都是先看脸,所以我们要让UI美起来。
    ps:有朋友问AJ,说很多都直接用代码加载UI,为啥要用storyboard来脱线,啥的。
    其实这里原因有好几个,比如有的小程序直接拖就可以了,完全没那么麻烦,用代码主要是为了后期维护方便,还有storyboard可以让我们事实的看到效果,有利于学习。

    PS 当然代码写还是很重要的,(其实我更愿意全部用代码写) 代码掌控天下的感觉,爽爆了不过学习是一个渐进的过程。大家一起努力学习吧,喵呜

  • 相关阅读:
    try,catch,finally的简单问题
    设置类可序列化,写入VIewState
    jQuery实现购物车物品数量的加减 (针对GirdView的类似事件)
    js获取Gridview中的控件id
    asmx ASp.net AJAX使用 ScriptManager
    js返回上一页并刷新,JS实现关闭当前子窗口,刷新父窗口
    asp.net(c#)网页跳转七种方法小结
    在触发器中回滚和提交
    redis 缓存对象、列表
    spring cloud 停止服务
  • 原文地址:https://www.cnblogs.com/luolianxi/p/4990386.html
Copyright © 2011-2022 走看看