swift QQ界面练习

表格

class OneViewController: UIViewController  , UITableViewDelegate , UITableViewDataSource{var mArr:[QQModel] = CellData.getCellData()override func viewDidLoad() {super.viewDidLoad()// 设置导航标题self.navigationItem.title = "消息"// 设置导航背景颜色self.navigationController?.navigationBar.barTintColor = UIColor.init(red: 123/255.0, green: 176/255.0, blue: 244/255.0, alpha: 1.0)// 设置导航栏标题的字体颜色self.navigationController?.navigationBar.titleTextAttributes = [NSAttributedString.Key.foregroundColor: UIColor.white, NSAttributedString.Key.font: UIFont.systemFont(ofSize: 20)]// 设置导航右边按钮图片let rightBarButtonItem = UIBarButtonItem(barButtonSystemItem: UIBarButtonItem.SystemItem.add, target: self, action: #selector(rightClick))navigationItem.rightBarButtonItem = rightBarButtonItem// 设置左边按钮// 设置表格let table = UITableView(frame: self.view.frame, style: .plain)// 设置代理table.delegate = selftable.dataSource = self// 加载到视图中self.view .addSubview(table)table.register(UINib(nibName: "QQTableViewCell", bundle: Bundle.main), forCellReuseIdentifier: "cell")// 设置搜索框let sear = UISearchBar(frame: CGRect(x: 0, y: 0, width: self.view.frame.size.width, height: 44))sear.placeholder = "搜索"table.tableHeaderView = sear}func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {return 9}func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {let cell:QQTableViewCell = tableView.dequeueReusableCell(withIdentifier: "cell") as! QQTableViewCelllet md:QQModel = mArr[indexPath.row]cell.setCellWithData(model: md)return cell}func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {return 75}// 设置点击事件@objc private func rightClick() {let two = TwoViewController()self.navigationController!.pushViewController(two, animated: true)}}

自定义cell

class QQTableViewCell: UITableViewCell {@IBOutlet weak var picImageView: UIImageView!@IBOutlet weak var ZhuLabel: UILabel!@IBOutlet weak var FuLabel: UILabel!@IBOutlet weak var TimeLabel: UILabel!func setCellWithData(model:QQModel) -> Void {self.ZhuLabel.text = model.Zhuself.FuLabel.text = model.Fuself.TimeLabel.text = model.Timeself.imageView?.image = UIImage(named: model.imgV)}}

model

class QQModel: NSObject {var imgV : Stringvar Zhu : Stringvar Fu : Stringvar Time : Stringinit(imgV:String,Zhu:String,Fu:String,Time:String) {self.imgV = imgVself.Zhu = Zhuself.Fu = Fuself.Time = Time}}

model数据

class CellData: NSObject {static func getCellData() -> [QQModel]{let arr1 = ["ThinkCMF模板交流群","iOS-VIP学习群","Androidsik","我的电脑","iOS技术攻坚","淘宝达人VIP群","QQ手游","移动通信学院总成员","QQ看点"]let arr2 = ["Maps:你那个手指疼","iOS果果老师:杭州首推","崔亚鹏:666","[图片]IMG_1725.PNG","郭胜成撤回了一条消息","99 老盘:达人转行做个了?","七夕领紫色亚丝娜&限定皮肤","行政干事-徐芳:请通知大数据1609G移动1610E苹...","[热议]强强联合!马云携手VIVO,开启支付新..."]let arr3 = ["下午2:35","下午2:35","下午2:35","下午2:35","下午2:35","下午2:35","下午2:35","下午2:35","下午2:35"]let imageName = ["07","07","07","07","07","07","07","07","07"]var mArr:[QQModel] = []for i in 0..<arr1.count{let md = QQModel(imgV: imageName[i], Zhu: arr1[i], Fu: arr2[i], Time: arr3[i])mArr.append(md)}return mArr}}

swift QQ界面练习相关推荐

仿qq左滑删除listview_Java基于Swing和Netty仿QQ界面聊天小项目
点击上方好好学java ,选择星标公众号重磅资讯.干货,第一时间送达今日推荐:硬刚一周,3W字总结,一年的经验告诉你如何准备校招! 个人原创100W+访问量博客:点击前往,查看更多来源:b ...
MFC 列表控件CListCtrl加载类似QQ界面的头像与文字
本文主要讲述使用VS2012 MFC的CListCtrl(列表)控件加载类似于QQ界面的图片与文字数据.主要通过CListCtrl::InsertColumn.InsertItem.SetItemTe ...
jquery ui仿腾讯web qq界面desktop酷炫特效
下载:20130709125708248 原文:jquery ui仿腾讯web qq界面desktop酷炫特效
android+qq底部界面,Android 高仿QQ 界面滑动效果
Android高仿QQ界面滑动效果点击或者滑动切换画面,用ViewPager实现, 首先是布局文件: android:layout_width="match_parent" an ...
python实现qq登录界面_Python实现QQ界面
Python实现QQ界面(好友列表,通信部分还未做好,没时间~~嘻嘻) 项目环境: (1)OS:Linux RedHat6.3 (2)Language:Python (3)Lib:pygtk,gtk ...
循序渐进实现仿QQ界面（三）：界面调色与控件自绘
本篇讲述如何进行界面调色.界面调色一般有两种方法,调色板和HSL色彩变换.调色板局限于256色,这里不采用,因此用HSL色彩变换实现.首先要了解一下什么是HSL色彩空间,完整且详尽的知识请到维基百科去 ...
vc循序渐进实现仿QQ界面（三）：界面调色与控件自绘
本篇讲述如何进行界面调色.界面调色一般有两种方法,调色板和HSL色彩变换.调色板局限于256色,这里不采用,因此用HSL色彩变换实现.首先要了解一下什么是HSL色彩空间,完整且详尽的知识请到维基百科 ...
java qq聊天界面_【附源码】用Java写了一个类QQ界面聊天小项目，可在线聊天！...
原标题:[附源码]用Java写了一个类QQ界面聊天小项目,可在线聊天! 目录: 1.功能实现 2.模块划分 3.使用到知识 4.部分代码实现 5.运行例图 1.功能实现 1.修改功能(密码.昵称.个性 ...
Android Studio仿QQ界面实现简单的功能
文章目录 1. 登录界面 2. 记住密码功能 3. Fragment界面跳转 3.1 Fragement的界面编写 4. 聊天界面写在前面由于本人初学阶段,写这篇博客是总结所学的知识点,为后面的进 ...

swift QQ界面练习

swift QQ界面练习相关推荐

最新文章

热门文章