iOS开发UI篇—使用xib自定义UItableviewcell实现一个简单的团购应用界面布局

iOS开发UI篇—使用xib自定义UItableviewcell实现一个简单的团购应用界面布局

iOS开发UI篇—使用xib自定义UItableviewcell实现一个简单的团购应用界面布局

一、项目文件结构和plist文件

 

二、实现效果

三、代码示例

1.没有使用配套的类，而是直接使用xib文件控件tag值操作

数据模型部分：

YYtg.h文件

复制代码

//
// YYtg.h
// 01-团购数据显示（没有配套的类）
//
// Created by apple on 14-5-29.
// Copyright (c) 2014年 itcase. All rights reserved.
//

#import <Foundation/Foundation.h>
#import "Global.h"

@interface YYtg : NSObject
@property(nonatomic,copy)NSString *buyCount;
@property(nonatomic,copy)NSString *icon;
@property(nonatomic,copy)NSString *price;
@property(nonatomic,copy)NSString *title;
YYinitH(tg)
@end

 
复制代码
 
 
YYtg.m文件
 
 
复制代码 
//
// YYtg.m
// 01-团购数据显示（没有配套的类）
//
// Created by apple on 14-5-29.
// Copyright (c) 2014年 itcase. All rights reserved.
//
 
#import "YYtg.h"
 
@implementation YYtg
YYinitM(tg)
@end
 
 
 
复制代码
 
 
主控制器
 
YYViewController.m文件
 
 
复制代码
 
//
// YYViewController.m
// 01-团购数据显示（没有配套的类）
//
// Created by apple on 14-5-29.
// Copyright (c) 2014年 itcase. All rights reserved.
//
 
#import "YYViewController.h"
#import "YYtg.h"
 
@interface YYViewController ()<UITableViewDataSource>
@property(nonatomic,strong)NSArray *tg;
@property (strong, nonatomic) IBOutlet UITableView *tableview;
 
@end
 
@implementation YYViewController
 
- (void)viewDidLoad
{
 [super viewDidLoad];
 self.tableview.rowHeight=100;

}
 
#pragma mark- 懒加载
-(NSArray *)tg
{
 if (_tg==nil) {
 NSString *fullpath=[[NSBundle mainBundle]pathForResource:@"tgs.plist" ofType:nil];
 NSArray *temparray=[NSArray arrayWithContentsOfFile:fullpath];

 NSMutableArray *arrayM=[NSMutableArray arrayWithCapacity:temparray.count];
 for (NSDictionary *dict in temparray) {
 YYtg *tg=[YYtg tgWithDict:dict];
 [arrayM addObject:tg];
 }
 _tg=[arrayM mutableCopy];
 }
 return _tg;
}
 
#pragma mark-数据显示
-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
 return 1;
}
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
 return self.tg.count;
}
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
 //读取xib中的数据
// NSArray *arrayM=[[NSBundle mainBundle]loadNibNamed:@"tgcell" owner:nil options:nil];
// UITableViewCell *cell=[arrayM firstObject];
 static NSString *identifier=@"tg";
 UITableViewCell *cell=[tableView dequeueReusableCellWithIdentifier:identifier];
 if (cell==nil) {
 // cell=[[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identifier];
 cell= [[[NSBundle mainBundle]loadNibNamed:@"tgcell" owner:nil options:nil] firstObject];
 }

 YYtg *tg=self.tg[indexPath.row];
 //设置数据
 //使用tag
 UIImageView *imgv=(UIImageView *)[cell viewWithTag:1];
 imgv.image=[UIImage imageNamed:tg.icon];
 UILabel *buyCount=(UILabel *)[cell viewWithTag:4];
 buyCount.text=[NSString stringWithFormat:@"已有%@人购买",tg.buyCount];
 UILabel *title=(UILabel *)[cell viewWithTag:2];
 title.text=tg.title;
 UILabel *price=(UILabel *)[cell viewWithTag:3];
 price.text=[NSString stringWithFormat:@"$%@",tg.price];


 //返回cell
 return cell;
}
 
//隐藏状态栏
-(BOOL)prefersStatusBarHidden
{
 return YES;
}
@end
 
复制代码
 
 
使用xib自定义的UItableviewcell
 
 
代码分析：
 
上面的代码通过使用xib文件中各个控件的tag值，完成对每个部分数据的赋值和刷新。但是，作为主控制器，它应该知道xib文件中各个控件的tag值，它知道的是不是太多了呢？
 
为了解决上面的问题，我们可以为自定义的cell设置一个配套的类，让这个类来操作这个xib，对外提供接口，至于内部的数据处理，外界不需要关心，也不用关心。
 
改造后的代码如下：
 
 
 
2.使用xib和对应的类完成自定义cell的数据展示
 
新建一个类，用来管理对应的xib文件
 
注意类的继承类，并把该类和xib文件进行关联
 
 
YYtgcell.h文件代码：
 
 
复制代码
 
//
// YYtgcell.h
// 02-团购（使用xib和类完成数据展示）
//
// Created by apple on 14-5-29.
// Copyright (c) 2014年 itcase. All rights reserved.
//
 
#import <UIKit/UIKit.h>
#import "YYtg.h"
 
@interface YYtgcell : UITableViewCell
@property(nonatomic,strong)YYtg *yytg;
 
@end
 
复制代码
 
 
 YYtgcell.m文件
 
 
复制代码 
//
// YYtgcell.m
// 02-团购（使用xib和类完成数据展示）
//
// Created by apple on 14-5-29.
// Copyright (c) 2014年 itcase. All rights reserved.
//
 
#import "YYtgcell.h"
//私有扩展
@interface YYtgcell()
@property (strong, nonatomic) IBOutlet UIImageView *img;
@property (strong, nonatomic) IBOutlet UILabel *titlelab;
@property (strong, nonatomic) IBOutlet UILabel *pricelab;
@property (strong, nonatomic) IBOutlet UILabel *buycountlab;
@end
@implementation YYtgcell
 
#pragma mark 重写set方法，完成数据的赋值操作
-(void)setYytg:(YYtg *)yytg
{
 _yytg=yytg;
 self.img.image=[UIImage imageNamed:yytg.icon];
 self.titlelab.text=yytg.title;
 self.pricelab.text=[NSString stringWithFormat:@"$%@",yytg.price];
 self.buycountlab.text=[NSString stringWithFormat:@"已有%@人购买",yytg.buyCount];
}
@end
 
 
 
复制代码
 
 
主控制器
 
YYViewController.m文件
 
 
复制代码
 
//
// YYViewController.m
// 02-团购（使用xib和类完成数据展示）
//
// Created by apple on 14-5-29.
// Copyright (c) 2014年 itcase. All rights reserved.
//
 
#import "YYViewController.h"
#import "YYtg.h"
#import "YYtgcell.h"
 
@interface YYViewController ()<UITableViewDataSource,UITableViewDelegate>
@property (strong, nonatomic) IBOutlet UITableView *tableview;
 
@property(strong,nonatomic)NSArray *tg;
@end
 
@implementation YYViewController
 
- (void)viewDidLoad
{
 [super viewDidLoad];
 self.tableview.rowHeight=80.f;
}
#pragma mark- 懒加载
-(NSArray *)tg
{
 if (_tg==nil) {
 NSString *fullpath=[[NSBundle mainBundle]pathForResource:@"tgs.plist" ofType:nil];
 NSArray *temparray=[NSArray arrayWithContentsOfFile:fullpath];

 NSMutableArray *arrayM=[NSMutableArray arrayWithCapacity:temparray.count];
 for (NSDictionary *dict in temparray) {
 YYtg *tg=[YYtg tgWithDict:dict];
 [arrayM addObject:tg];
 }
 _tg=[arrayM mutableCopy];
 }
 return _tg;
}
 

#pragma mark- xib创建cell数据处理
#pragma mark 多少组
-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
 return 1;
}
#pragma mark多少行
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
 return self.tg.count;
}
#pragma mark设置每组每行
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
 static NSString *identifier= @"tg";
 YYtgcell *cell=[tableView dequeueReusableCellWithIdentifier:identifier];
 if (cell==nil) {
 //如何让创建的cell加个戳
 //对于加载的xib文件，可以到xib视图的属性选择器中进行设置
 cell=[[[NSBundle mainBundle]loadNibNamed:@"tgcell" owner:nil options:nil]firstObject];
 NSLog(@"创建了一个cell");
 }

 //设置cell的数据
 //获取当前行的模型
 YYtg *tg=self.tg[indexPath.row];
 cell.yytg=tg;
 return cell;
}
 
-(BOOL)prefersStatusBarHidden
{
 return YES;
}
 
@end
 
复制代码
 
 
3.对上述代码进行进一步的优化和调整（MVC）
 
优化如下：
 
（1）把主控制器中创建cell的过程抽取到YYtgcell中完成，并对外提供一个接口。
 
YYtgcell.h文件（提供接口）
 
 
复制代码 
#import <UIKit/UIKit.h>
#import "YYtgModel.h"
 
@interface YYtgcell : UITableViewCell
@property(nonatomic,strong)YYtgModel *yytg;
 
//把加载数据（使用xib创建cell的内部细节进行封装）
+(instancetype)tgcellWithTableView:(UITableView *)tableView;
@end
 
 
 
复制代码
 
 
YYtgcell.m文件（把创建自定义cell的部分进行封装）
 
 
复制代码 
//
// YYtgcell.m
// 02-团购（使用xib和类完成数据展示）
//
// Created by apple on 14-5-29.
// Copyright (c) 2014年 itcase. All rights reserved.
//
 
#import "YYtgcell.h"
//私有扩展
@interface YYtgcell()
@property (strong, nonatomic) IBOutlet UIImageView *img;
@property (strong, nonatomic) IBOutlet UILabel *titlelab;
@property (strong, nonatomic) IBOutlet UILabel *pricelab;
@property (strong, nonatomic) IBOutlet UILabel *buycountlab;
@end
@implementation YYtgcell
 
#pragma mark 重写set方法，完成数据的赋值操作
-(void)setYytg:(YYtgModel *)yytg
{
 _yytg=yytg;
 self.img.image=[UIImage imageNamed:yytg.icon];
 self.titlelab.text=yytg.title;
 self.pricelab.text=[NSString stringWithFormat:@"$%@",yytg.price];
 self.buycountlab.text=[NSString stringWithFormat:@"已有%@人购买",yytg.buyCount];
}
 
+(instancetype)tgcellWithTableView:(UITableView *)tableView
{
 static NSString *identifier= @"tg";
 YYtgcell *cell=[tableView dequeueReusableCellWithIdentifier:identifier];
 if (cell==nil) {
 //如何让创建的cell加个戳
 //对于加载的xib文件，可以到xib视图的属性选择器中进行设置
 cell=[[[NSBundle mainBundle]loadNibNamed:@"tgcell" owner:nil options:nil]firstObject];
 NSLog(@"创建了一个cell");
 }
 return cell;
}
 
@end
 
 
 
复制代码
 
 
主控器中的业务逻辑更加清晰，YYViewController.m文件代码如下
 
 
复制代码
 
//
// YYViewController.m
// 02-团购（使用xib和类完成数据展示）
//
// Created by apple on 14-5-29.
// Copyright (c) 2014年 itcase. All rights reserved.
//
 
#import "YYViewController.h"
#import "YYtgModel.h"
#import "YYtgcell.h"
 
@interface YYViewController ()<UITableViewDataSource,UITableViewDelegate>
@property (strong, nonatomic) IBOutlet UITableView *tableview;
 
@property(strong,nonatomic)NSArray *tg;
@end
 
@implementation YYViewController
 
- (void)viewDidLoad
{
 [super viewDidLoad];
 self.tableview.rowHeight=80.f;
}
#pragma mark- 懒加载
-(NSArray *)tg
{
 if (_tg==nil) {
 NSString *fullpath=[[NSBundle mainBundle]pathForResource:@"tgs.plist" ofType:nil];
 NSArray *temparray=[NSArray arrayWithContentsOfFile:fullpath];

 NSMutableArray *arrayM=[NSMutableArray arrayWithCapacity:temparray.count];
 for (NSDictionary *dict in temparray) {
 YYtgModel *tg=[YYtgModel tgWithDict:dict];
 [arrayM addObject:tg];
 }
 _tg=[arrayM mutableCopy];
 }
 return _tg;
}
 

#pragma mark- xib创建cell数据处理
 
#pragma mark 多少组
-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
 return 1;
}
 
#pragma mark多少行
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
 return self.tg.count;
}
 
#pragma mark设置每组每行
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
 //1.创建cell
 YYtgcell *cell=[YYtgcell tgcellWithTableView:tableView];

 //2.获取当前行的模型,设置cell的数据
 YYtgModel *tg=self.tg[indexPath.row];
 cell.yytg=tg;

 //3.返回cell
 return cell;
}
 
#pragma mark- 隐藏状态栏
-(BOOL)prefersStatusBarHidden
{
 return YES;
}
 
@end
 
复制代码
 
 
四、推荐调整的项目文件结构
 
 
这是调整后的文件结构，完整的MVC架构。
 
注意：注意文件的命名规范。
 
提示技巧：批量改名，操作如下：
 
 
 
 
修改为想要的名称：
 
 
 


 

转载于:https://www.cnblogs.com/LifeTechnologySupporter/p/9686108.html




    











本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/265956.shtml


如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！











相关文章










硬件模块化开发的例子：LD3320语音模块与Source Insight的使用








硬件模块化开发的例子：LD3320语音模块与Source Insight的使用




目录硬件模块化开发的行情LD3320语音模块使用手册介绍&#xff1a;语音模块验货测试硬件连接效果图测试结果良好Source Insight代码查看器创建工程修改字体配色方案中文乱码关联代码语音识别模块代码分析语音识别模块二次开发硬件模块化开发的行情 LD3320语音模块使用手册介绍&…




阅读更多...

















ubuntu 远程桌面及Qt安装








ubuntu 远程桌面及Qt安装




环境&#xff1a; ubunut14 x64 
目标&#xff1a;通过vnc远程桌面&#xff0c;在ubuntu 上编写qt程序 
1.安装远程桌面  apt-get install xrdp vnc4server xbase-clients dconf-editor #安装xrdp&#xff0c;vnc4server  apt-get install gnome-panel gnome-settings-daemon m…




阅读更多...

















awk分割字符








awk分割字符




为什么80%的码农都做不了架构师&#xff1f;>>>    str1|_|2|_|3|_||_|4|_|5|_|6|_||_|7|_|8|_|9; 期望分割成 1|_|2|_|3 4|_|5|_|6 7|_|8|_|9 也就是以|_||_|做分割符&#xff0c;但是&#xff0c;字符段长度不确定&#xff0c;有可能分割成3段&#xff0c;也可能会有…




阅读更多...

















面经——嵌入式软件工程师面试遇到的经典题目








面经——嵌入式软件工程师面试遇到的经典题目




参考&#xff1a;嵌入式软件工程师面试遇到的经典题目 作者&#xff1a;一只青木呀 发布时间&#xff1a; 2020-11-04 23:43:16 网址&#xff1a;https://blog.csdn.net/weixin_45309916/article/details/109499825 目录1、找错误2、下面的代码输出是什么&#xff0c;为什么&am…




阅读更多...

















记一次用WPScan辅助渗透WordPress站点








记一次用WPScan辅助渗透WordPress站点




记一次用WPScan辅助渗透WordPress站点 一、什么是WPScan&#xff1f; WPScan 是一个扫描 WordPress 漏洞的黑盒子扫描器&#xff0c;它可以为所有 Web 开发人员扫描 WordPress 漏洞并在他们开发前找到并解决问题。我们还使用了 Nikto &#xff0c;它是一款非常棒的 Web 服务器评…




阅读更多...

















什么是Cortex、ARMv8、arm架构、ARM指令集、soc








什么是Cortex、ARMv8、arm架构、ARM指令集、soc




参考&#xff1a;到底什么是Cortex、ARMv8、arm架构、ARM指令集、soc&#xff1f;一文帮你梳理基础概念【科普】 发布时间&#xff1a; 一口Linux 网址&#xff1a;https://blog.csdn.net/daocaokafei/article/details/109008103 目录前言1. ARM公司2. ARM内核与架构1&#xff…




阅读更多...

















Windows下Qt5搭建Android开发环境笔记








Windows下Qt5搭建Android开发环境笔记




Windows很大的特点是配置使用几乎都可以图形化进行&#xff0c;和Linux比起来在很多时候配置环境也要方便很多。所以&#xff0c;搭建Qt for Andorid也是十分简单的。需要以下工具&#xff1a;1.最方便的Qt官方包&#xff0c;现在还处于RC阶段&#xff0c;经过测试也是有些小bu…




阅读更多...

















对于嵌入式交叉编译总结








对于嵌入式交叉编译总结




这几天终于搞定了老师项目里我负责的部分&#xff0c;主要是做一个图像采集的手持端&#xff0c;我选用了JZ2440。  从移植内核、制作文件系统、Qt移植总结下来发现在对于代码的交叉编译必须保证编译平台的一致性。对于s3c2440来说是armv4t&#xff0c;所以当我们编译出来程序必…




阅读更多...

















linux驱动调试--oops信息








linux驱动调试--oops信息




在移植dm9000 时被一个错误困扰了很久&#xff0c;当时手里只有printk调试手段&#xff0c;觉得自己应该升级下了&#xff0c;先学习了根据oops信息来调试。 
先构造一个错误&#xff0c;insmod后抛出如下信息   
我们着重看这几句 
PC is at memcpy0x8c/0x29c c0148080  pc : …




阅读更多...

















浏览器输入网址后发生了什么？








浏览器输入网址后发生了什么？




摘自&#xff1a;这是最全的一篇&#xff01;&#xff01;&#xff01;浏览器输入网址后发什么了什么&#xff1f; 作者&#xff1a;程序员cxuan 发布时间&#xff1a; 2021-04-15 11:59:07 网址&#xff1a;https://blog.csdn.net/qq_36894974/article/details/115720479 到现…




阅读更多...

















fancybox去除不受待见的水平滚动条








fancybox去除不受待见的水平滚动条




用fancybox在嵌套某个页面时&#xff0c;有时莫名其妙的会出现的消除不掉的幽灵般水平滚动条&#xff0c;如何去除&#xff1a; github上的解决方案&#xff1a;https://github.com/fancyapps/fancyBox/issues/24 转载于:https://www.cnblogs.com/kinpauln/p/3145796.html




阅读更多...

















Word Count作业








Word Count作业




Word Count作业 一.个人Gitee地址&#xff1a;https://gitee.com/Changyu-Guo 二.项目简介 该项目主要是模拟Linux上面的wc命令&#xff0c;基本要求如下&#xff1a; 命令格式&#xff1a; wc.exe [para] <filename> [para] <filename> ... -o <filename> 功…




阅读更多...

















iDempiere = OSGi + ADempiere       一款ERPCRMSCM系统、助力中小企业发展








iDempiere = OSGi + ADempiere       一款ERPCRMSCM系统、助力中小企业发展




怀揣着为中小企业量身定做一整套开源软件解决方案的梦想开始了一个网站的搭建。http://osssme.org/ iDempiere  OSGi  ADempiere 一款ERP&CRM&SCM系统、助力中小企业发展 一句话概括iDempiere是一款基于Compiere/ADempiere的​开源企业级ERP&CRM&SCM系统​&…




阅读更多...

















字符串 hash 唯一数字_【数字课堂】酒妹带你了解“身份认证技术”








字符串 hash 唯一数字_【数字课堂】酒妹带你了解“身份认证技术”




身份认证技术是在计算机网络中确认操作者身份的过程而产生的有效解决方法。计算机网络世界中一切信息包括用户的身份信息都是用一组特定的数据来表示的&#xff0c;计算机只能识别用户的数字身份&#xff0c;所有对用户的授权也是针对用户数字身份的授权。如何保证以数字身份进…




阅读更多...

















空气中超声衰减








空气中超声衰减




空气中超声衰减是非常厉害的&#xff0c;这导致在空气耦合声换能器的制作或是声传感器的设计是极具挑战的&#xff0c;因此对超声衰减做一个细致的分析是很有必要的。 具体计算根据经验公式如下进行计算 结果如下&#xff1a; Figure 1 超声衰减系数与频率关系图 Figure 2 超声…




阅读更多...

















java生产者消费者问题代码分析








java生产者消费者问题代码分析




作者要的是一个生产者生成&#xff0c;接着必须有一个消费者消费&#xff0c;那这不是需要单线程吗&#xff1f;或者使用1个大小的阻塞队列。所以只谈论问题本身&#xff0c;不谈论好不好。 具体代码&#xff1a; Java代码 import java.util.concurrent.locks.Condition;     i…




阅读更多...

















可以ping通 但ssh: connect to host 192.168.0.2 port 22: Connection refused








可以ping通 但ssh: connect to host 192.168.0.2 port 22: Connection refused




目录问题描述原因解决问题描述 
自己在树莓派端通过SCP指令给电脑上ubuntu传输文件发现提示&#xff1a;ssh: connect to host 192.168.0.2 port 22: Connection refused&#xff0c;并且发现树莓派端是可以ping通ubuntu的。  
原因 
通过网上查新找到原因&#xff1a; SSH分客…




阅读更多...

















linux嵌入式贪吃蛇








linux嵌入式贪吃蛇




目标&#xff1a;用游戏手柄控制贪吃蛇 
硬件平台&#xff1a;imax6q 
版本信息&#xff1a; arm-none-linux-gnueabi-gcc-4.8.3、 qt5.7.1、linux3.0.1 
一、交叉编译tslib1.4 
由于 imax6q是 armv7-a 构架&#xff0c;所以以后的编译我们都应编译出 armv7 平台的文件 
编译参…




阅读更多...

















2.联邦模式配置---扩容，负载均衡








2.联邦模式配置---扩容，负载均衡




原理图  两个集群---目的&#xff1a;扩容 HA联邦模式解决了单纯HA模式的性能瓶颈&#xff08;主要指Namenode、ResourceManager&#xff09;&#xff0c;将整个HA集群划分为两个以上的集群&#xff0c;不同的集群之间通过Federation进行连接&#xff0c;使得HA集群拥有了横向扩…




阅读更多...

















树莓派交叉编译（PS交叉编译链下载安装、配置永久环境变量、带WiringPi库交叉编译、软链接）








树莓派交叉编译（PS交叉编译链下载安装、配置永久环境变量、带WiringPi库交叉编译、软链接）




目录一、本章概述二、交叉编译工具链的下载安装下载安装交叉编译链临时有效交叉编译链永久有效三、交叉编译的使用对比gcc与armgccPC端交叉编译发送到树莓派运行四、带WiringPi库的交叉编译如何处理复制树莓派上的WiringPi库到主机软硬链接交叉编译一、本章概述 下面将详细介绍…




阅读更多...


















推荐文章












最新文章


















Copyright @ 2022~2023