iOS表示例

已于 2022-05-28 22:56:47 修改
阅读量492 收藏
点赞数
分类专栏： iOS/macOS 文章标签： iOS
于 2017-03-06 16:12:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/itCatface/article/details/60580674
版权

第一章、普通表

第一节、简单TableView

  1. 准备好 team.plist 资源文件

    <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<array>
	<dict>
		<key>name</key>
		<string>A1-中国</string>
		<key>img</key>
		<string>China</string>
	</dict>
	<dict>
		<key>name</key>
		<string>A2-美国</string>
		<key>img</key>
		<string>America</string>
	</dict>
	<dict>
		<key>name</key>
		<string>A3-韩国</string>
		<key>img</key>
		<string>Korea</string>
	</dict>
	<dict>
		<key>name</key>
		<string>B1-日本</string>
		<key>img</key>
		<string>Japanese</string>
	</dict>
	<dict>
		<key>name</key>
		<string>B2-英国</string>
		<key>img</key>
		<string>Britain</string>
	</dict>
	<dict>
		<key>name</key>
		<string>B3-澳大利亚</string>
		<key>img</key>
		<string>Australia</string>
	</dict>
	<dict>
		<key>name</key>
		<string>C1-巴西</string>
		<key>img</key>
		<string>Brazil</string>
	</dict>
	<dict>
		<key>name</key>
		<string>C2-加拿大</string>
		<key>img</key>
		<string>Canada</string>
	</dict>
	<dict>
		<key>name</key>
		<string>C3-德国</string>
		<key>img</key>
		<string>German</string>
	</dict>
	<dict>
		<key>name</key>
		<string>D1-瑞士</string>
		<key>img</key>
		<string>Switzerland</string>
	</dict>
	<dict>
		<key>name</key>
		<string>D2-我</string>
		<key>img</key>
		<string>Catface</string>
	</dict>
</array>
</plist>

  2. 视图中实现(继承 UITableViewController 并实现 Delegate 和 DataSource 协议)

    class TableViewController: UITableViewController {
	
    var teamArr: NSArray!
    
    override func viewDidLoad() {
        super.viewDidLoad()

        // 读取plist资源文件数据 ||(||结尾的为固定套路)
        let resPath = Bundle.main.path(forResource: "team", ofType: "plist")
        self.teamArr = NSArray(contentsOfFile: resPath!)
    }
    
    // 填充单元格 ||
    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        
        // 单元格复用 ||
        let cellIdentifier = "TableViewId"
        var cell: UITableViewCell = tableView.dequeueReusableCell(withIdentifier: cellIdentifier, for: indexPath)
        
        let rowDict = self.teamArr[indexPath.row] as! NSDictionary
        
        cell.textLabel?.text = rowDict["name"] as? String // 设置标题
        
        let imgPath = NSString(format: "%@.jpg", rowDict["img"] as! String)
        cell.imageView?.image = UIImage(named: imgPath as String) // 设置图片
        
        cell.accessoryType = UITableViewCellAccessoryType.disclosureIndicator
        
        return cell
    }
    
    // MARK: - DataSource ||
    override func numberOfSections(in tableView: UITableView) -> Int {
        return 1
    }
    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return self.teamArr.count
    }
    
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }
}

  3. 上述步骤中单元格复用方法

第二节、自定义单元格

  • 只需更改 Delegate 中单元格类为自定义 Cell 类即可

    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cellIdentifier = "TableViewId2"
    // 定义自己的单元格类
    var cell: CustomTableViewCell = tableView.dequeueReusableCell(withIdentifier: cellIdentifier, for: indexPath) as! CustomTableViewCell
   
    let row = indexPath.row
    let rowDict = self.filterTeamArr[row] as! NSDictionary
    
    cell.lb_name.text = rowDict["name"] as? String
    
    let imgPath = NSString(format: "%@.jpg", rowDict["img"] as! String)
    cell.iv_icon.image = UIImage(named: imgPath as String)
    
    cell.accessoryType = UITableViewCellAccessoryType.disclosureIndicator
    
    return cell
}

第三节、添加搜索栏

  1. 声明相关变量

    var teamArr: NSArray!
	    
var filterTeamArr: NSMutableArray! // 过滤后的队伍
@IBOutlet weak var sb_test: UISearchBar!

  2. viewDidLoad() 中设置初始状态

    self.sb_test.delegate = self // 设置委托对象为当前视图
self.sb_test.showsScopeBar = false // 隐藏
self.sb_test.sizeToFit() // 重新设置搜索大小
    
self.filterTeam(searchText: "", scope: -1) // 初次进入，显示所有队伍

  3. 自定义过滤方法

    func filterTeam(searchText: NSString, scope: Int) {
	if searchText.length == 0 { // 无输入即查询所有
		self.filterTeamArr = NSMutableArray(array: self.teamArr)
		return
	}

	var tempArr: NSArray!
	
	if scope == 0 {
		let scopePredict = NSPredicate(format: "SELF.img contains[cd] %@", searchText) // 过滤
		
		tempArr = self.teamArr.filtered(using: scopePredict) as NSArray!
		
		self.filterTeamArr = NSMutableArray(array: tempArr)
	} else if scope == 1 {
		let scopePredict = NSPredicate(format: "SELF.name contains[cd] %@", searchText)
		tempArr = self.teamArr.filtered(using: scopePredict) as NSArray!
		self.filterTeamArr = NSMutableArray(array: tempArr)
	} else {
		self.filterTeamArr = NSMutableArray(array: self.teamArr)
	}
}

  4. Delegate

    // 获得焦点，成为第一响应者
func searchBarShouldBeginEditing(_ searchBar: UISearchBar) -> Bool {
    self.sb_test.showsScopeBar = true
    self.sb_test.sizeToFit()
    return true
}
func searchBarSearchButtonClicked(_ searchBar: UISearchBar) {
    self.sb_test.showsScopeBar = false
    self.sb_test.resignFirstResponder()
    self.sb_test.sizeToFit()
}
func searchBarCancelButtonClicked(_ searchBar: UISearchBar) {
    self.filterTeam(searchText: "", scope: -1)
    self.sb_test.showsScopeBar = false
    self.sb_test.resignFirstResponder()
    self.sb_test.sizeToFit()
}
func searchBar(_ searchBar: UISearchBar, textDidChange searchText: String) {
    self.filterTeam(searchText: NSString.init(string: searchText), scope: self.sb_test.selectedScopeButtonIndex)
    self.tableView.reloadData()
}
func searchBar(_ searchBar: UISearchBar, selectedScopeButtonIndexDidChange selectedScope: Int) {
    self.filterTeam(searchText: NSString.init(string: self.sb_test.text!), scope: selectedScope)
    self.tableView.reloadData()
}

第二章、分组表

第一节、添加索引与分组

分节是添加索引的前提

  1. 修改 team.plist 为如下

    <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
	<key>A组</key>
	<array>
		<string>A1-中国</string>
		<string>A2-美国</string>
		<string>A3-韩国</string>
	</array>
	<key>B组</key>
	<array>
		<string>B1-日本</string>
		<string>B2-英国</string>
		<string>B3-澳大利亚</string>
		<string>B4-阿根廷</string>
	</array>
	<key>C组</key>
	<array>
		<string>C1-巴西</string>
		<string>C2-加拿大</string>
		<string>C3-德国</string>
	</array>
	<key>D组</key>
	<array>
		<string>D1-瑞士</string>
		<string>D2-我</string>
	</array>
	<key>E组</key>
	<array>
		<string>E1-南非</string>
		<string>E2-墨西哥</string>
		<string>E2-哥伦比亚</string>
		<string>E2-秘鲁</string>
	</array>
	<key>F组</key>
	<array>
		<string>F1-法国</string>
		<string>F2-挪威</string>
		<string>F3-朝鲜</string>
	</array>
</dict>
</plist>

  2. swift 实现

    import UIKit
class TableViewControllerIndex: UITableViewController {

	var teamDict: NSDictionary!
	var groupArr: NSArray!
	
	override func viewDidLoad() {
		super.viewDidLoad()
		
		// 获取源数据
		let plistPath = Bundle.main.path(forResource: "team2", ofType: "plist")
		teamDict = NSDictionary(contentsOfFile: plistPath!)
		
		// 对key排序
		groupArr = (teamDict.allKeys as NSArray).sortedArray(using: "compare:") as NSArray!
	}
	override func didReceiveMemoryWarning() {
		super.didReceiveMemoryWarning()
	}
	
	// MARK: - DataSource
	override func numberOfSections(in tableView: UITableView) -> Int {
		return groupArr.count
	}
	// 获取各组集合
	override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
		var groupName = groupArr[section] as! String
		var teamLsit = teamDict[groupName] as! NSArray
		return teamLsit.count
	}
	
	override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
	
		// 单元格复用 ||
		let cellIdentifier = "IndexCellID"
		var cell: UITableViewCell = tableView.dequeueReusableCell(withIdentifier: cellIdentifier, for: indexPath)
		
		// 获取选择的节
		let section = indexPath.section
		// 获取节的行索引
		let row = indexPath.row
		// 按节索引获取组名
		var groupName = groupArr[section] as! String
		// 取出组集合
		var teamList = teamDict[groupName] as! NSArray
		
		cell.textLabel?.text = teamList[row] as! String
		return cell
	}
	
	override func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
		var groupName = groupArr[section] as! String
		return groupName
	}
	
	// MARK: - 添加索引
	override func sectionIndexTitles(for tableView: UITableView) -> [String]? {
		var arr = ["a", "b", "c", "d", "e", "f"]
		return arr
	}
}

第二节、静态表

  • 界面在 storyboard 中画好，swift 中仅做简单处理

    @IBAction func bt_login(_ sender: UIButton) {
	if tf_username.text == "1" && tf_password.text == "q" {
		NSLog("登陆成功")
		tf_username.resignFirstResponder()
		tf_password.resignFirstResponder()
	}
}

第三节、修改单元格

  • 初学阶段，代码仅供了解

    import UIKit
class TableViewController5: UITableViewController, UITextFieldDelegate {

	@IBOutlet var tf_tip: UITextField!
	
	var nameArr: NSMutableArray! // 可变数组集合
	
	override func viewDidLoad() {
		super.viewDidLoad()
		
		// 设置导航栏
		navigationItem.rightBarButtonItem = editButtonItem
		navigationItem.title = "增删单元格"
		
		tf_tip.isHidden = true
		tf_tip.delegate = self
		
		nameArr = NSMutableArray(array: ["麻子", "李四", "王二"])
	}
	
	// 点击导航栏编辑按钮显示输入框
	override func setEditing(_ editing: Bool, animated: Bool) {
		super.setEditing(editing, animated: animated)
		
		tableView.setEditing(editing, animated: true)
		if editing {
			tf_tip.isHidden = false
		} else {
			tf_tip.isHidden = true
		}
	}
	
	// MARK: - Table view data source
	override func numberOfSections(in tableView: UITableView) -> Int {
		return 1
	}
	override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
		return nameArr.count + 1 // [行数(为插入的一条做准备)]
	}
	
	// [每绘制一行调用一次]
	override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
		let cell = tableView.dequeueReusableCell(withIdentifier: "AddDeleteCellID", for: indexPath) // [复用单元格]
		
		if indexPath.row == nameArr.count { // [?]
			tf_tip.frame = CGRect(x: 10, y: 5, width: 300, height: 44)
			tf_tip.borderStyle = UITextBorderStyle.none
			tf_tip.placeholder = "Add..."
			tf_tip.text = ""
			cell.contentView.addSubview(tf_tip)
		} else {
			cell.accessoryType = UITableViewCellAccessoryType.disclosureIndicator
			cell.textLabel?.text = nameArr[indexPath.row] as! String
		}
		return cell
	}
	
	override func tableView(_ tableView: UITableView, editingStyleForRowAt indexPath: IndexPath) -> UITableViewCellEditingStyle {
		if indexPath.row == nameArr.count {
			return UITableViewCellEditingStyle.insert
		} else {
			return UITableViewCellEditingStyle.delete
		}
	}
	
	override func tableView(_ tableView: UITableView, commit editingStyle: UITableViewCellEditingStyle, forRowAt indexPath: IndexPath) {
		var indexPaths = NSArray(array: [indexPath])
		
		if editingStyle == UITableViewCellEditingStyle.delete {
			nameArr.removeObject(at: indexPath.row)
			tableView.deleteRows(at: indexPaths as! [IndexPath], with: UITableViewRowAnimation.fade)
		} else if editingStyle == UITableViewCellEditingStyle.insert {
			nameArr.insert(tf_tip.text, at: nameArr.count)
			tableView.insertRows(at: indexPaths as! [IndexPath], with: UITableViewRowAnimation.fade)
		}
		tableView.reloadData()
	}
	
	override func tableView(_ tableView: UITableView, shouldHighlightRowAt indexPath: IndexPath) -> Bool {
		if indexPath.row == nameArr.count {
			return false
		} else {
			return true
		}
	}
	
	override func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
		return 50
	}
	
	// MARK: - [移动]
	override func tableView(_ tableView: UITableView, canMoveRowAt indexPath: IndexPath) -> Bool {
		return true
	}
	override func tableView(_ tableView: UITableView, moveRowAt sourceIndexPath: IndexPath, to destinationIndexPath: IndexPath) {
		nameArr.removeObject(at: sourceIndexPath.row)
		nameArr.insert(nameArr[sourceIndexPath.row], at: destinationIndexPath.row)
	}
	override func didReceiveMemoryWarning() {
		super.didReceiveMemoryWarning()
	}
}
itCatface
关注
专栏目录
苹果企业开发者应用plist文件的配置
12-23 1万+
itms-services:///?action=download-manifest&url=https://dn-855play.qbox.me/abctest.plist 此处红色标记的url是plist文件的位置。以下为plist文件的内容，其中 url对应的是ipa文件的路径，注意现在只能使用https的格式存放ipa文件，否则没有办法下载。（这里使用的是七牛云存储） bundle-i
iOS课程表
weixin_30892987的博客
01-23 383
最近在做课程表，刚开始的时候完全不知道那个周课表的网格是怎么实现的有木有，各种查资料，寻思路，只找到一个安卓版的。没事，咱要的是思路而已。可能思路不是最优的，但还是总结一下，也希望能给其他人一点思路。 思路 周课表，就是显示一周内的课程信息，底部本来用的是UILabel然后加上边框色，做成的格子效果，然后看起来不太好看，换成了UIImageView,给一个‘十’字效果。然后，上面再加上...
ios 列表实现
06-04
ios 列表实现
IOS表格
老睿的专栏
07-24 5669
IOS中的表格视图由UITableView类型的对象负责。UITableView会显示一个具有多行但仅有一列的数据内容。如果控制器的主视图是UITableView，我们就把这样的控制器叫做表格视图控制器。在Cocoa Touch中对应的类为UITableViewController。 表格视图的组成部分 表格视图会显式一个列表，列表的每一个元素就是单元格，我们可以通过垂直滚动手势浏览这些单元格
【iOS】表视图
编程记录，亲测有效
06-01 761
iOS的表视图并不简单，它是需要修改.h中加两个委托进去，同时在.m文件实现一系列固定的函数，才能完成表视图的创建。一切犹如当初点击空白处关闭键盘需要一段代码才能实现一样，表视图的创建也不像安卓一样是理所当然。我曾天真的认为安卓一个java一个xml，然后还要用适配器添加数据到ListView已经够烦了，没想到iOS搞个表视图更烦。不过也罢了，下次需要就直接来个代码的复制粘贴了。 用一个例子来说
iOS分组表示例
08-15
在iOS开发中，分组表（Grouped Table View）是一种常见的用户界面元素，它将数据组织成多个分段，每个分段包含一个或多个行。这样的布局有助于提高用户体验，通过清晰地划分不同类别的信息，使得用户能更容易地浏览...
ios12真机包
06-16
在本例中，“ios12真机包”特别指出是针对iOS 12系统的，这意味着它包含了兼容iOS 12设备的配置信息。升级到iOS 12后，原有的真机包可能不再适用，因为每个iOS版本都有其特定的签名要求和安全策略。因此，开发者需要...
iOS 实现跑马灯效果的方法示例
08-31
首先，我们需要创建一个自定义的视图类，这里以`LGJAutoRunLabel`为例，它继承自`UIView`。在`.h`文件中，定义一个枚举类型`RunDirectionType`来表示滚动方向，包括`LeftType`（向左）和`RightType`（向右）。同时，...
iOS实现图片抖动效果
08-25
在本例中，`ViewController.m` 文件中已经包含了以下代码： ```objc #import "ViewController.h" @interface ViewController () { IBOutlet UIImageView *imageV; } @end ``` 为了触发图片的抖动效果，通常会...
IOS实现点击滑动抽屉效果
09-02
抽屉的状态用枚举类型`DrawerViewState`表示，包括`DrawerViewStateUp`（抽屉展开）和`DrawerViewStateDown`（抽屉收缩）。 在`DrawerView`的实例化方法`- (id)initWithView:(UIView *)contentview parentView:...
IOS-----表视图
manmanlu2006的博客
10-10 147
1、添加控件：Table View 2、设置cell： 3、ViewController.h 源码 #import <UIKit/UIKit.h> @interface ViewController : UIViewController<UITableViewDataSource,UITableViewDelegate> @end 4、ViewContro...
plist文件的读写
不二法门
07-07 2092
在做iOS开发时，经常用到到plist文件，  那plist文件是什么呢？ 它全名是：Property List，属性列表文件，它是一种用来存储串行化后的对象的文件。属性列表文件的扩展名为.plist ，因此通常被称为 plist文件。文件是xml格式的。 Plist文件通常用于储存用户设置，也可以用于存储捆绑的信息 我们创建一个项目来学习plist文件的读写。
plist简单记录
胡老哈的学习记录
08-18 1297
支持的类型 Foundation类 Core Foundation类型 XML标签 储存格式 NSString CFString UTF-8编码的字符串 NSNumber CFNumber , 十进制数字符串 NSNumber CFBoolean , or 无数据（只有标签） NSDate CFDate ISO8601格式的日期字符串
UISearchBar的属性和showsScopeBar
热门推荐
justinjing的专栏
12-02 1万+
昨天研究了UISearchBar，今天遇到了showsScopeBar问题， 还是继续说一下UISearchBar 吧 属性 作用 UIBarStyle barStyle 控件的样式 id delegate 设置控件的委托 NSString *text 控件上面的显示的文字
cocos2dx-深度解析plist文件(一)(游戏对象的数据如何从plist创建获取)
追求游戏之道
06-28 1万+
cocos2dx的精灵缓存在创建一组精灵帧，加载瓦片地图，普通动画的创建、骨骼动画等等都会通过plist(parameter list)文件获得需要的信息，建立器游戏中需要的类对象。本文从CCSpriteFrameCache读取plist创建精灵帧研究起。其中代码使用到了tinyXML2第三方库，以及SAX(simple api xml)。然后在从精灵帧创建精灵反向研究，plist文件数据的含义。
iOS真机运行遇到的问题记录
catface
03-19 3085
OS version lower than deployment target 解决方案-更改降低iOS Deployment Target版本号 Showing Recent Messages: Signing for “XXX” requires a development team. Select a development team in the Signing & Capabilities editor. 解决方案-添加Team证书配置项 ...
IOS饼图展示源码 - DrawTest
在本例中，文件名称"DrawTest"可能表示此源码文件主要涉及绘图测试。这可能包括使用UIKit等框架来绘制pieView饼图的相关代码，也可能包含了绘图测试的逻辑和结果验证。 4.UIKit框架: UIKit是IOS开发中一个主要的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值