一区二区三区在线-一区二区三区亚洲视频-一区二区三区亚洲-一区二区三区午夜-一区二区三区四区在线视频-一区二区三区四区在线免费观看

服務器之家:專注于服務器技術及軟件下載分享
分類導航

PHP教程|ASP.NET教程|Java教程|ASP教程|編程技術|正則表達式|C/C++|IOS|C#|Swift|Android|VB|R語言|JavaScript|易語言|vb.net|

服務器之家 - 編程語言 - IOS - iOS開發的UI制作中動態和靜態單元格的基本使用教程

iOS開發的UI制作中動態和靜態單元格的基本使用教程

2020-12-31 18:21文頂頂 IOS

這篇文章主要介紹了iOS開發的UI制作中動態和靜態單元格的基本使用教程,代碼基于傳統的Objective-C,需要的朋友可以參考下

靜態單元格的使用
一、實現效果與說明

iOS開發的UI制作中動態和靜態單元格的基本使用教程

說明:觀察上面的展示效果,可以發現整個界面是由一個tableview來展示的,上面的數據都是固定的,且幾乎不會改變。

要完成上面的效果,有幾種方法:

(1)可以直接利用代碼,返回三組,在判斷每組有多少行,展示些什么數據,這樣寫“死”的代碼建議絕不要使用。

(2)稍微靈活一些的,可以把plist文件一懶加載的方式,加載到程序中,動態獲取。但是觀察界面結構,很容易看出這樣需要進行模型嵌套,很麻煩。

(3)storyboard提供了靜態單元格這個功能,可以很方便的完成上面的界面展示效果。(提示:在實際的開發中很少這樣使用)

二、使用靜態單元格完成簡單界面展示的過程

在類似的開發中,如果整個界面都是tableview,那么直接讓控制器繼承自uitableviewcontroller.

修改主控制器,讓其繼承自uitableviewcontroller

iOS開發的UI制作中動態和靜態單元格的基本使用教程

把storyboard中默認的uiview刪掉,直接拖一個viewcontroller

iOS開發的UI制作中動態和靜態單元格的基本使用教程

當拖入一個viewcontroller的時候,它上面默認就會有一個cell,默認情況下,這個cell是動態的,也就是默認是看不見的。

把cell設置成靜態的,在屬性面板的content  中設置為static cell(靜態cell)所見即所得  注意必須更改這里的這個屬性。

iOS開發的UI制作中動態和靜態單元格的基本使用教程

讓它和主控制器關聯

iOS開發的UI制作中動態和靜態單元格的基本使用教程

接下來,可以依次設置顯示的圖片和文字。

設置標題有兩種方式:

1是雙擊更改

iOS開發的UI制作中動態和靜態單元格的基本使用教程

2是點擊子控件  lable修改

iOS開發的UI制作中動態和靜態單元格的基本使用教程

按照界面需要,設置輔助視圖

iOS開發的UI制作中動態和靜態單元格的基本使用教程

設置有多少組,每組有多少行。
設置組:
點擊tableview   設置屬性面板的sections屬性。

iOS開發的UI制作中動態和靜態單元格的基本使用教程

設置每組多少行:

iOS開發的UI制作中動態和靜態單元格的基本使用教程

小技巧:如果寫的單元格千年不變,那么可以先寫一組中的一行,再拷貝,稍作修改即可。
注意:靜態單元格是實際開發中,很少用到,此處只當知識點介紹。


在uitableview的應用中使用動態單元格來完成app應用程序管理界面的搭建
一、實現效果

iOS開發的UI制作中動態和靜態單元格的基本使用教程

說明:該示例在storyboard中使用動態單元格來完成。

二、實現

1.項目文件結構和plist文件

iOS開發的UI制作中動態和靜態單元格的基本使用教程

2.實現過程以及代碼

iOS開發的UI制作中動態和靜態單元格的基本使用教程

在tableview的屬性選擇器中選擇動態單元格。

iOS開發的UI制作中動態和靜態單元格的基本使用教程

說明:在storyboard中直接使用其自帶的動態單元格完成tableviewcell的定義,并創建了一個管理該cell的類,進行了連線。

實現代碼:

數據模型部分:

yyappinfo.h文件

 

復制代碼 代碼如下:


//
//  yyappinfo.h
//  01-使用動態單元格來完成app應用程序管理界面的搭建
//
//  created by 孔醫己 on 14-6-2.
//  copyright (c) 2014年 itcast. all rights reserved.
//

 

#import <foundation/foundation.h>

@interface yyappinfo : nsobject
@property(nonatomic,copy)nsstring *size;
@property(nonatomic,copy)nsstring *download;
@property(nonatomic,copy)nsstring *icon;
@property(nonatomic,copy)nsstring *name;

 

-(instancetype)initwithdict:(nsdictionary *)dict;
+(instancetype)appinfowithdict:(nsdictionary *)dict;
@end


yyappinfo.m文件

復制代碼 代碼如下:


//
//  yyappinfo.m
//  01-使用動態單元格來完成app應用程序管理界面的搭建
//
//  created by 孔醫己 on 14-6-2.
//  copyright (c) 2014年 itcast. all rights reserved.
//

 

#import "yyappinfo.h"

@implementation yyappinfo

-(instancetype)initwithdict:(nsdictionary *)dict
{
    if (self=[super init]) {
        //使用kvc
        [self setvaluesforkeyswithdictionary:dict];
    }
    return self;
}


+(instancetype)appinfowithdict:(nsdictionary *)dict
{

    return [[self alloc]initwithdict:dict];
}
@end


視圖部分

 

 yyappcell.h文件

復制代碼 代碼如下:


//
//  yyappcell.h
//  01-使用動態單元格來完成app應用程序管理界面的搭建
//
//  created by 孔醫己 on 14-6-2.
//  copyright (c) 2014年 itcast. all rights reserved.
//

 

#import <uikit/uikit.h>


@class yyappinfo,yyappcell;

@protocol yyappcelldelegate <nsobject>
-(void)btndidclick:(yyappcell *)cell;


@end
@interface yyappcell : uitableviewcell

@property(nonatomic,strong)yyappinfo *app;
//@property(nonatomic,strong)yyviewcontroller *controller;
@property(nonatomic,strong)id <yyappcelldelegate> delegate;

@end


yyappcell.m文件

復制代碼 代碼如下:


//
//  yyappcell.m
//  01-使用動態單元格來完成app應用程序管理界面的搭建
//
//  created by 孔醫己 on 14-6-2.
//  copyright (c) 2014年 itcast. all rights reserved.
//

 

#import "yyappcell.h"
#import "yyappinfo.h"

@interface yyappcell ()
@property (weak, nonatomic) iboutlet uiimageview *appimg;

@property (weak, nonatomic) iboutlet uilabel *apptitle;
@property (weak, nonatomic) iboutlet uilabel *appdownload;
@property (weak, nonatomic) iboutlet uibutton *appbtn;

@end

 

復制代碼 代碼如下:


@implementation yyappcell

 


-(void)setapp:(yyappinfo *)app
{
    _app=app;
    self.apptitle.text=_app.name;
    self.appdownload.text=[nsstring stringwithformat:@"大小 %@ | 下載量 %@次",_app.size,_app.download];
    self.appimg.image=[uiimage imagenamed:_app.icon];
   
}

#pragma mark- 完成按鈕點擊事件

- (ibaction)btnonclick:(uibutton *)sender
{
    //按鈕被點擊后,變為不可用狀態
    sender.enabled=no;
   
    //通知代理,完成提示下載已經完成的動畫效果
    if ([self.delegate respondstoselector:@selector(btndidclick:)]) {
        //一般而言,誰觸發就把誰傳過去
        [self.delegate  btndidclick:self];
    }
}

@end


主控制器

 

yyviewcontroller.m文件

復制代碼 代碼如下:


//
//  yyviewcontroller.m
//  01-使用動態單元格來完成app應用程序管理界面的搭建
//
//  created by 孔醫己 on 14-6-2.
//  copyright (c) 2014年 itcast. all rights reserved.
//

 

#import "yyviewcontroller.h"
#import "yyappinfo.h"
#import "yyappcell.h"

@interface yyviewcontroller ()<uitableviewdatasource,yyappcelldelegate>
@property(nonatomic,strong)nsarray *apps;
@property (strong, nonatomic) iboutlet uitableview *tableview;

@end

 

復制代碼 代碼如下:


@implementation yyviewcontroller

 

- (void)viewdidload
{
    [super viewdidload];
}

#pragma mark- 使用懶加載先把plist文件中得數據加載進來
-(nsarray *)apps
{
    if (_apps==nil) {
        nsstring *fullpath=[[nsbundle mainbundle]pathforresource:@"apps_full.plist" oftype:nil];
        nsarray *arraym=[nsarray arraywithcontentsoffile:fullpath];
       
        nsmutablearray *modles=[nsmutablearray arraywithcapacity:arraym.count];
        for (nsdictionary *dict in arraym) {
            yyappinfo *appinfo=[yyappinfo appinfowithdict:dict];
            [modles addobject:appinfo];
        }
        _apps=[modles copy];
    }
    return _apps;
}


#pragma mark- 設置tableview的數據源方法
//組
-(nsinteger)numberofsectionsintableview:(uitableview *)tableview
{
    return 1;
}
//行
-(nsinteger)tableview:(uitableview *)tableview numberofrowsinsection:(nsinteger)section
{
    return self.apps.count;
}
//組-行-數據
-(uitableviewcell *)tableview:(uitableview *)tableview cellforrowatindexpath:(nsindexpath *)indexpath
{
    //創建cell
    static nsstring *identifier=@"app";
    yyappcell *cell=[tableview dequeuereusablecellwithidentifier:identifier];
    //設置cell的數據
    yyappinfo *appinfo=self.apps[indexpath.row];
    //設置代理
    cell.delegate=self;
    cell.app=appinfo;
    //返回cell
    return cell;
}

#pragma mark- 設置代理
-(void)btndidclick:(yyappcell *)cell
{
    //取出模型
    yyappinfo *app=cell.app;
    nslog(@"daili");
    uilabel *lab=[[uilabel alloc]init];
    //提示的顯示位置
    lab.frame=cgrectmake(60, 300, 200, 20);
    //設置提示文本
    lab.text=[nsstring stringwithformat:@"%@已經下載完成",app.name];
    //設置文本背景顏色
    [lab setbackgroundcolor:[uicolor graycolor]];
    [self.view addsubview:lab];
    lab.alpha=1.0;
   
    //設置動畫效果
    [uiview animatewithduration:2.0 animations:^{
        lab.alpha=0.0;
    } completion:^(bool finished) {
        //把彈出的提示信息從父視圖中刪除
        [lab removefromsuperview];
    }];
}

#pragma mark-隱藏狀態欄
-(bool)prefersstatusbarhidden
{
    return yes;
}

@end


補充說明

 

  在程序中通過標示符取出對應的cell,是因為在storyboard中已經對cell打上了標示符(app)的標簽。

復制代碼 代碼如下:

//組-行-數據
-(uitableviewcell *)tableview:(uitableview *)tableview cellforrowatindexpath:(nsindexpath *)indexpath
{
    //創建cell
    static nsstring *identifier=@"app";
    yyappcell *cell=[tableview dequeuereusablecellwithidentifier:identifier];
    //設置cell的數據
    yyappinfo *appinfo=self.apps[indexpath.row];
    //設置代理
    cell.delegate=self;
    cell.app=appinfo;
    //返回cell
    return cell;
}

 

iOS開發的UI制作中動態和靜態單元格的基本使用教程

延伸 · 閱讀

精彩推薦
  • IOSiOS實現控制屏幕常亮不變暗的方法示例

    iOS實現控制屏幕常亮不變暗的方法示例

    最近在工作中遇到了要將iOS屏幕保持常亮的需求,所以下面這篇文章主要給大家介紹了關于利用iOS如何實現控制屏幕常亮不變暗的方法,文中給出了詳細的...

    隨風13332021-04-02
  • IOSiOS中MD5加密算法的介紹和使用

    iOS中MD5加密算法的介紹和使用

    MD5加密是最常用的加密方法之一,是從一段字符串中通過相應特征生成一段32位的數字字母混合碼。對輸入信息生成唯一的128位散列值(32個字符)。這篇文...

    LYSNote5432021-02-04
  • IOSiOS中UILabel實現長按復制功能實例代碼

    iOS中UILabel實現長按復制功能實例代碼

    在iOS開發過程中,有時候會用到UILabel展示的內容,那么就設計到點擊UILabel復制它上面展示的內容的功能,也就是Label長按復制功能,下面這篇文章主要給大...

    devilx12792021-04-02
  • IOSiOS自定義UICollectionViewFlowLayout實現圖片瀏覽效果

    iOS自定義UICollectionViewFlowLayout實現圖片瀏覽效果

    這篇文章主要介紹了iOS自定義UICollectionViewFlowLayout實現圖片瀏覽效果的相關資料,需要的朋友可以參考下...

    jiangamh8882021-01-11
  • IOS詳解iOS中多個網絡請求的同步問題總結

    詳解iOS中多個網絡請求的同步問題總結

    這篇文章主要介紹了詳解iOS中多個網絡請求的同步問題總結,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧...

    liang199111302021-03-15
  • IOSiOS開發技巧之狀態欄字體顏色的設置方法

    iOS開發技巧之狀態欄字體顏色的設置方法

    有時候我們需要根據不同的背景修改狀態欄字體的顏色,下面這篇文章主要給大家介紹了關于iOS開發技巧之狀態欄字體顏色的設置方法,文中通過示例代碼...

    夢想家-mxj8922021-05-10
  • IOSiOS中滑動控制屏幕亮度和系統音量(附加AVAudioPlayer基本用法和Masonry簡單使用)

    iOS中滑動控制屏幕亮度和系統音量(附加AVAudioPlayer基本用法和

    這篇文章主要介紹了iOS中滑動控制屏幕亮度和系統音量(附加AVAudioPlayer基本用法和Masonry簡單使用)的相關資料,需要的朋友可以參考下...

    CodingFire13652021-02-26
  • IOSiOS開發之視圖切換

    iOS開發之視圖切換

    在iOS開發中視圖的切換是很頻繁的,獨立的視圖應用在實際開發過程中并不常見,除非你的應用足夠簡單。在iOS開發中常用的視圖切換有三種,今天我們將...

    執著丶執念5272021-01-16
主站蜘蛛池模板: 91精品91 | 欧美一级视频在线 | 国色天香社区在线视频免费观看 | 国产成人h综合亚洲欧美在线 | 免费看打屁股视频的软件 | 色漫在线观看 | 好深快点再快点好爽视频 | 青青草人人| 手机在线免费观看高清 | 亚洲天堂男人网 | 国产香蕉97碰碰在线视频 | 国产精品怡红院永久免费 | 美女日b视频 | 波多野结在线观看 | 欧美肥胖老妇做爰变态 | 欧美三级小视频 | 贵妇的私人性俱乐部 | 毛片视频网站 | 久久亚洲精品专区蓝色区 | 欧美高清milf在线播放 | 国模孕妇季玥337p人体 | 亚洲午夜天堂 | 人阁色第四影院在线观看 | 欧美同志网址 | 国产成人精品曰本亚洲78 | 国产精品suv一区二区 | 91影视永久福利免费观看 | 91精品国产亚洲爽啪在线影院 | 国产麻豆剧果冻传媒影视4934 | 亚洲女性色尼古综合网 | 亚洲网站在线观看 | 国产亚洲成归v人片在线观看 | 丁香五香天堂 | spank日本网站脱裤子打屁股 | 無码一区中文字幕少妇熟女网站 | 俄罗斯妈妈k8影院在线观看 | 欧美精品一区二区三区免费 | 视频在线观看一区二区三区 | 国产91短视频 | 色猪视频| 包臀裙女教师波多野结衣 |