簡單的全屏瀏覽圖片

大家好,今天給大家分享一個簡單的全屏瀏覽圖片的Demo.要實現(xiàn)的效果就是點擊一個小圖,然后全屏瀏覽這些圖片.需要2個ViewController,廢話不多說,上代碼.

ViewController

#import "ViewController.h"
#import "SecondViewController.h"
@interface ViewController ()
@property(nonatomic, strong)UIImageView *imageView;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor whiteColor];
   
    self.imageView = [[UIImageView alloc]initWithFrame:CGRectMake(100, 200, 200, 300)];
    _imageView.image = [UIImage imageNamed:@"h1.jpg"];
    _imageView.userInteractionEnabled = YES;
    [self.view addSubview:_imageView];
    
    UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(tapAction)];
    [_imageView addGestureRecognizer:tap];
}
-(void)tapAction
{
    SecondViewController *secondVC = [[SecondViewController alloc] init];
    [self.navigationController pushViewController:secondVC animated:NO];//這里動畫需要設(shè)為NO
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

@end

點擊這個小圖片之后跳轉(zhuǎn)到第二個ViewController,這里需要把跳轉(zhuǎn)動畫設(shè)為NO,然后使第二個ViewController出來的時候透明度從0.2漸變到1,大家可以想象一下效果.

SecondViewController

#import "SecondViewController.h"
#define Width self.view.frame.size.width
#define Height self.view.frame.size.height
@interface SecondViewController ()
@property(nonatomic, strong)UIScrollView *scrollView;
@end

@implementation SecondViewController

-(void)viewWillAppear:(BOOL)animated
{
    self.navigationController.navigationBarHidden = YES;//進入視圖前讓導航條隱藏
    /*讓View的透明度漸變到1*/
    self.view.alpha = .2;
    [UIView animateWithDuration:1 animations:^{
        self.view.alpha = 1;
    }];
}
-(void)viewWillDisappear:(BOOL)animated
{
    /*將要推出時使導航條顯示*/
    self.navigationController.navigationBarHidden = NO;
}
- (void)viewDidLoad {
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor blackColor];
    self.scrollView = [[UIScrollView alloc]initWithFrame:self.view.frame];
    _scrollView.bounces = NO;
    _scrollView.contentSize = CGSizeMake(Width * 7, Height);
    _scrollView.contentOffset = CGPointMake(0, 0);
    _scrollView.pagingEnabled = YES;
    for (NSInteger i = 1; i < 8; i++) {
        UIImageView *imageView = [[UIImageView alloc]initWithFrame:CGRectMake(Width * (i - 1), 0, Width, Height)];
        imageView.image = [UIImage imageNamed:[NSString stringWithFormat:@"h%ld.jpg", i]];
        imageView.userInteractionEnabled = YES;
        [_scrollView addSubview:imageView];
        UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(tapAction)];
        [imageView addGestureRecognizer:tap];
        
    }
    [self.view addSubview:_scrollView];
}
-(void)tapAction
{
    //當點擊圖片的時候,是View的透明度漸變到0.2然后推出,記住不要推出動畫
    [UIView animateWithDuration:0.6 animations:^{
        self.view.alpha = .2;
    } completion:^(BOOL finished) {
        
        [self.navigationController popToRootViewControllerAnimated:NO];
    }];
}
- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

大概就是這個思路,非常簡單,大家可以繼續(xù)完善.也可以給我提些建議,謝謝大家,今天就到這里.??

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末琼富,一起剝皮案震驚了整個濱河市锣披,隨后出現(xiàn)的幾起案子习劫,更是在濱河造成了極大的恐慌盒发,老刑警劉巖熄阻,帶你破解...
    沈念sama閱讀 221,576評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異笔链,居然都是意外死亡席楚,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,515評論 3 399
  • 文/潘曉璐 我一進店門畏浆,熙熙樓的掌柜王于貴愁眉苦臉地迎上來胆胰,“玉大人,你說我怎么就攤上這事刻获∈裾牵” “怎么了?”我有些...
    開封第一講書人閱讀 168,017評論 0 360
  • 文/不壞的土叔 我叫張陵蝎毡,是天一觀的道長厚柳。 經(jīng)常有香客問我,道長沐兵,這世上最難降的妖魔是什么别垮? 我笑而不...
    開封第一講書人閱讀 59,626評論 1 296
  • 正文 為了忘掉前任,我火速辦了婚禮扎谎,結(jié)果婚禮上宰闰,老公的妹妹穿的比我還像新娘。我一直安慰自己簿透,他們只是感情好移袍,可當我...
    茶點故事閱讀 68,625評論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著老充,像睡著了一般葡盗。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上啡浊,一...
    開封第一講書人閱讀 52,255評論 1 308
  • 那天觅够,我揣著相機與錄音,去河邊找鬼巷嚣。 笑死喘先,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的廷粒。 我是一名探鬼主播窘拯,決...
    沈念sama閱讀 40,825評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼红且,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了涤姊?” 一聲冷哼從身側(cè)響起暇番,我...
    開封第一講書人閱讀 39,729評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎思喊,沒想到半個月后壁酬,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,271評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡恨课,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,363評論 3 340
  • 正文 我和宋清朗相戀三年舆乔,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片剂公。...
    茶點故事閱讀 40,498評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡蜕煌,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出诬留,到底是詐尸還是另有隱情斜纪,我是刑警寧澤,帶...
    沈念sama閱讀 36,183評論 5 350
  • 正文 年R本政府宣布文兑,位于F島的核電站盒刚,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏绿贞。R本人自食惡果不足惜因块,卻給世界環(huán)境...
    茶點故事閱讀 41,867評論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望籍铁。 院中可真熱鬧涡上,春花似錦、人聲如沸拒名。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,338評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽增显。三九已至雁佳,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間同云,已是汗流浹背糖权。 一陣腳步聲響...
    開封第一講書人閱讀 33,458評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留炸站,地道東北人星澳。 一個月前我還...
    沈念sama閱讀 48,906評論 3 376
  • 正文 我出身青樓,卻偏偏與公主長得像旱易,于是被迫代替她去往敵國和親禁偎。 傳聞我的和親對象是個殘疾皇子腿堤,可洞房花燭夜當晚...
    茶點故事閱讀 45,507評論 2 359

推薦閱讀更多精彩內(nèi)容

  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件届垫、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,119評論 4 61
  • #打卡# 04月01日 天氣多云 【我的進度】:日跑2公里堅持第279天,每日5點多早起堅持第207天,每日sev...
    龍馬行天下閱讀 287評論 0 1
  • 有誰聽過“燕尾帽情結(jié)”,有誰又能理解其中的情深浸船? 從專業(yè)調(diào)劑到護理系妄迁,開始的郁郁寡歡,到意識到自己內(nèi)心對這身白衣的...
    小胖媽1990閱讀 420評論 0 0
  • 看了最新一期非誠勿擾,看了一對有情人終成眷屬封字,看到那煽情的告白語黔州,內(nèi)心竟然感動得稀里嘩啦,是啊阔籽,誰不向往愛情流妻,誰不...
    賀嘉禾閱讀 661評論 0 1
  • Its essential point is that you should have many more low...
    光劍書架上的書閱讀 831評論 0 3