demo2动态加载显示商品详情页

/*

要求：实现 头像+昵称(多余7位用...)

          商品图片（根据商品实际的图片的大小进行动态的展示。按照一定的比例进行展示。）

          产品简介。产品简介在商品图片的下边。并跟随商品图片的大小进行动态的收缩或者是展示。

考虑：实现功能之后，是否要做占位图 进行图片的占位？？！

*/

 

难点：动态的加载。

实现：首先创建ui 然后请求数据 最后在主线程进行赋值 并且刷新ui 即可实现。

//

//  ACShowDetailVC.m

//  demo2详情动态加载展开

//

//  Created by Alice_ss on 2018/1/3.

//  Copyright © 2018年 AC. All rights reserved.

//

#import "ACShowDetailVC.h"

#import "JAppViewTools.h"

#import "JAppUtility.h"

#import "UIViewExt.h"

#import "AFNetworking.h"

#import "UIImageView+WebCache.h"

#define SCREENW [UIScreen mainScreen].bounds.size.width

#define SCREENH [UIScreen mainScreen].bounds.size.height

@interface ACShowDetailVC (){

    UIScrollView *bgScrollView;//最后边用一个scrollview比较方便

    UIView *contentView;//装内容的view

    UIImageView *iconIMG;

    UILabel *nicknameLabel;

    UIImageView *goodIMG;

    UILabel *goodIntro;





}

@end

@implementation ACShowDetailVC

- (void)viewDidLoad {

    [super viewDidLoad];



    [self createUI];



    //模拟请求数据

    [self performSelector:@selector(loadDates) withObject:nil afterDelay:2.0f];

}

#pragma mark - 模拟请求数据

- (void)loadDates{

    //请求完数据之后，从新绘制界面。

    //假如请求到了头像  昵称  商品图 商品描述



    [UIView animateWithDuration:1.0f animations:^{



        //在这里刷新主界面，展示新界面，在主线程中刷新ui

        dispatch_async(dispatch_get_main_queue(), ^{

            [self freshUI];

        });



    } completion:nil];



}

#pragma mark - 请求完数据之后从新刷新ui

- (void)freshUI{



    //设置内容

    [iconIMG sd_setImageWithURL:[NSURL URLWithString:@"https://tva2.sinaimg.cn/crop.0.0.100.100.50/0068QiKMjw8esxxwpxcxdj302s02s3yb.jpg"] placeholderImage:[UIImage imageNamed:@"icon_default"]];

    nicknameLabel.text = @"我是昵称。我的昵称是小可爱";

    [goodIMG sd_setImageWithURL:[NSURL URLWithString:@"https://tva2.sinaimg.cn/crop.0.0.100.100.50/0068QiKMjw8esxxwpxcxdj302s02s3yb.jpg"] placeholderImage:[UIImage imageNamed:@"icon_default"]];

    goodIntro.text = @"这个宝贝，人见人爱，花见花开。你一定会爱上她的。真的不信你看呀。我是一只宝贝详情，我是独一无二的存在。2018年一定要。。。。。。。。。。。。。。。。。。。。。。。。这个宝贝，人见人爱，花见花开。你一定会爱上她的。真的不信你看呀。我是一只宝贝详情，我是独一无二的存在。2018年一定要。。。。。。。。。。。。。。。。。。。。。。。。这个宝贝，人见人爱，花见花开。你一定会爱上她的。真的不信你看呀。我是一只宝贝详情，我是独一无二的存在。2018年一定要。。。。。。。。。。。。。。。。。。。。。。。。这个宝贝，人见人爱，花见花开。你一定会爱上她的。真的不信你看呀。我是一只宝贝详情，我是独一无二的存在。2018年一定要。。。。。。。。。。。。。。。。。。。。。。。。这个宝贝，人见人爱，花见花开。你一定会爱上她的。真的不信你看呀。我是一只宝贝详情，我是独一无二的存在。2018年一定要。。。。。。。。。。。。。。。。。。。。。。。。这个宝贝，人见人爱，花见花开。你一定会爱上她的。真的不信你看呀。我是一只宝贝详情，我是独一无二的存在。2018年一定要。。。。。。。。。。。。。。。。。。。。。。。。这个宝贝，人见人爱，花见花开。你一定会爱上她的。真的不信你看呀。我是一只宝贝详情，我是独一无二的存在。2018年一定要。。。。。。。。。。。。。。。。。。。。。。。。";

//    goodIntro.text = @"这个宝贝，人见人爱";

    //设置内容的位置及格式



    //1.名字最多显示8个字。多余的显示...

    if (nicknameLabel.text.length>8) {

        nicknameLabel.text = [[nicknameLabel.text substringWithRange:NSMakeRange(0, 7)]stringByAppendingString:@"..."];



    }



    //2.商品图片的高度按照比例进行显示

    [goodIMG sd_setImageWithURL:[NSURL URLWithString:@"https://tva2.sinaimg.cn/crop.0.0.100.100.50/0068QiKMjw8esxxwpxcxdj302s02s3yb.jpg"] completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType, NSURL *imageURL) {

        CGFloat scorW = goodIMG.width/image.size.width;

        CGFloat scroH = scorW *image.size.height;





        //从新设置goodimg的高度

        goodIMG.height = scroH;

        goodIntro.top = CGRectGetMaxY(goodIMG.frame)+10;

        goodIntro.height  = [JAppUtility getTextHeightWithView:goodIntro];

        contentView.height = CGRectGetMaxY(goodIntro.frame)+10;



        CGFloat offY =CGRectGetMaxY(contentView.frame)-SCREENH;

        NSLog(@"%f",offY);

        if(offY>0){

            bgScrollView.contentSize = CGSizeMake(SCREENW, SCREENH+offY+64);

        }else{

          bgScrollView.contentSize = CGSizeMake(SCREENW, SCREENH);

        }





    }];



}

#pragma mark - 界面ui

- (void)createUI{



//    self.view.backgroundColor = [UIColor grayColor];



    bgScrollView = [JAppViewTools getScrollView:CGRectMake(0, 64, SCREENW, SCREENH) :self];

    bgScrollView.contentSize = CGSizeMake(SCREENW, SCREENH);

    bgScrollView.backgroundColor = [UIColor grayColor];

    [self.view addSubview:bgScrollView];





    //1.大view

    contentView = [JAppViewTools getView:CGRectMake(0, 0, SCREENW, 300) :[UIColor whiteColor]];

    [bgScrollView addSubview:contentView];





    //2.头像

    iconIMG = [JAppViewTools getImageView:CGRectMake(15, 15, 44, 44) image:@"icon_default"];

    [contentView addSubview:iconIMG];





    //3.昵称

    nicknameLabel = [JAppViewTools getLabel:CGRectMake(CGRectGetMaxX(iconIMG.frame)+10, CGRectGetMidY(iconIMG.frame)-10, SCREENW-(CGRectGetMaxX(iconIMG.frame)+10), 20) :JTextFCMake([UIFont systemFontOfSize:15], [UIColor blackColor])];

    nicknameLabel.text = @"名字占位符";

    [contentView addSubview:nicknameLabel];



    //4.商品图

    goodIMG = [JAppViewTools getImageView:CGRectMake(CGRectGetMinX(iconIMG.frame), CGRectGetMaxY(iconIMG.frame)+10, SCREENW-CGRectGetMinX(iconIMG.frame)*2, 100) image:@"icon_default"];

    [contentView addSubview:goodIMG];



    //5.商品简介

    goodIntro = [JAppViewTools getLabel:CGRectMake(CGRectGetMinX(iconIMG.frame), CGRectGetMaxY(goodIMG.frame)+10, SCREENW-30, 30) :@"商品简介占位符" :JTextFCMake([UIFont systemFontOfSize:15], [UIColor redColor])];

    [contentView addSubview:goodIntro];



    contentView.height = CGRectGetMaxY(goodIntro.frame)+10;

}

- (void)didReceiveMemoryWarning {

    [super didReceiveMemoryWarning];

    // Dispose of any resources that can be recreated.

}

/*

#pragma mark - Navigation

// In a storyboard-based application, you will often want to do a little preparation before navigation

- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender {

    // Get the new view controller using [segue destinationViewController].

    // Pass the selected object to the new view controller.

}

*/

@end

喜欢的，想要demo的可以 邮箱联系我：673658917@qq.com.

如有任何问题，也可联系我邮箱，期待你。

业精于勤荒于嬉，行成于思毁于随。加油