iOS開發適配顯示長圖

1、背景:

需求:app顯示一張app的使用說明長圖。

2、實現:

UIScrollView + UIImageView,設置ScrollView的contentSize為圖片的高度

3、主要代碼

UIScrollView
#pragma mark - scorllView
-(UIScrollView *)scView{
    if (!_scView) {
        //獲取導航欄和狀態欄的高度
        CGFloat barHeight = [self barHeight];
        _scView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, UPScrrenWidth, UPScreenHeight - barHeight)];
        CGFloat imgH = [self imgContentHeight];
        _scView.contentSize = CGSizeMake(0,imgH);//設置滾動視圖的大小
//        _scView.pagingEnabled = YES;//設置是否可以進行畫面切換  分塊顯示
        _scView.bounces = NO;
        _scView.showsHorizontalScrollIndicator = NO;//隱藏水平滾動條
        _scView.showsVerticalScrollIndicator = NO;//
        [self.view addSubview:_scView];
    }
    return _scView;
}
UIImageView
#pragma mark - 顯示圖片的ImgView
-(UIImageView *)showImg{
    if (!_showImg) {
        CGFloat imgH = [self imgContentHeight];
        _showImg = [[UIImageView alloc]initWithFrame:CGRectMake(0, 0,UPScrrenWidth , imgH)];
        //設置imageView的背景圖
        [_showImg setImage:BundleImg(@"Listen/操作說明.jpg")];
        //給imageView設置區域
        _showImg.contentMode = UIViewContentModeScaleAspectFill;
        //超出邊界的剪切
//        [_showImg setClipsToBounds:YES];
        //把視圖添加到當前的滾動視圖中
        [self.scView addSubview:_showImg];
    }
    return _showImg;
}
內容的高度
#pragma mark - 內容的高度
-(CGFloat)imgContentHeight{
    //獲取圖片高度
    UIImage *img = BundleImg(@"Listen/操作說明.jpg");
    CGFloat imgHeight = img.size.height;
    CGFloat imgWidth = img.size.width;
    CGFloat imgH = imgHeight * (UPScrrenWidth / imgWidth);
    return imgH;
}
獲取導航欄和狀態欄的高度
#pragma mark - 獲取導航欄和狀態欄的高度
-(CGFloat)barHeight{
    //獲取導航欄和狀態欄的高度
    CGRect statusBarFrame = [[UIApplication sharedApplication] statusBarFrame];
    CGRect navBarFrame = self.navigationController.navigationBar.frame;
    CGFloat barHeight = statusBarFrame.size.height + navBarFrame.size.height;
    return barHeight;
}

總結:

個人覺得這種類似注冊法律條文、操作說明、用戶手冊等,可用H5實現,iOS和android通過webView加載就行,既節省開發成本,有方便修改維護。

本人的一點開發小記,如果對你有幫助歡迎小????,另不吝賜教。

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 1、通過CocoaPods安裝項目名稱項目信息 AFNetworking網絡請求組件 FMDB本地數據庫組件 SD...
    陽明AGI閱讀 16,003評論 3 119
  • 口腔白斑病 見: 1.診斷要點 1)斑塊狀白斑:均質型,有皸裂,平或高出黏膜,界清,一般無癥狀。 2)皺紙狀白斑:...
    牙醫孫杰閱讀 237評論 0 0
  • 開學快一個月了,然而我還是什么都沒做,還浪費了好多money,每天只想著逃課,其實我也不知道我逃課能干什么,...
    想變瘦的胖子閱讀 273評論 0 0
  • 冷鳥立滿枝頭, 孤客斜雨江樓。 筆冷紙墨寒, 吹徹薄衣浸透。 誰留,誰留, 人與渾水俱皺。
    止凡3閱讀 818評論 9 7
  • 攝人心魄,令人動容的美總是美的那樣純粹,那樣明凈,出現于不經意間,卻定格在永恒里。 清晨醒來,蔚藍色...
    飄絨花閱讀 142評論 0 0