Swift - 給表格的單元格UITableViewCell添加圖片，詳細文本標籤

表格UITableView中，每一單元格都是一個UITableViewCell。其支持簡單的自定義，好比在單元格的內部，添加圖片和詳細文本標籤。  

注意UITableViewCell的style：

（1） UITableViewCellStyle.Default：默認的，只有一個常規內容標籤和一個可選的UIImageView

（2） UITableViewCellStyle.Value1：內容標籤在左，詳細標籤在右，右邊是藍色或灰色的文本

（3） UITableViewCellStyle.Value2：同Value1位置相同，左邊是藍色文本

（4） UITableViewCellStyle.Subtitle：標籤上下放置

效果圖以下：

  

代碼以下：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139

import UIKit   class ViewController : UIViewController , UITableViewDelegate , UITableViewDataSource {            var tableView: UITableView ?               var allnames: Dictionary < Int , [ String ]>?            var adHeaders:[ String ]?            override func loadView() {          super .loadView()      }            override func viewDidLoad() {          super .viewDidLoad()                //初始化數據，這一次數據，咱們放在屬性列表文件裏          self .allnames =  [              0:[ String ]([              "UILabel 標籤" ,              "UITextField 文本框" ,              "UIButton 按鈕" ]),              1:[ String ]([              "UIDatePiker 日期選擇器" ,              "UIToolbar 工具條" ,              "UITableView 表格視圖" ])          ];                    println ( self .allnames)                    self .adHeaders = [              "常見 UIKit 控件" ,              "高級 UIKit 控件"          ]                    //建立表視圖          self .tableView = UITableView (frame: self .view.frame, style: UITableViewStyle . Grouped )          self .tableView!.delegate = self          self .tableView!.dataSource = self          //建立一個重用的單元格          self .tableView!.registerClass( UITableViewCell . self , forCellReuseIdentifier: "SwiftCell" )          self .view.addSubview( self .tableView!)                    //建立表頭標籤          var headerLabel = UILabel (frame: CGRectMake (0, 0, self .view.bounds.size.width, 30))          headerLabel.backgroundColor = UIColor .blackColor()          headerLabel.textColor = UIColor .whiteColor()          headerLabel.numberOfLines = 0          headerLabel.lineBreakMode = NSLineBreakMode . ByWordWrapping          headerLabel.text = "高級 UIKit 控件"          headerLabel.font = UIFont .italicSystemFontOfSize(20)          self .tableView!.tableHeaderView = headerLabel      }            //在本例中，有2個分區      func numberOfSectionsInTableView(tableView: UITableView !) -> Int {          return 2;      }            //返回表格行數（也就是返回控件數）      func tableView(tableView: UITableView , numberOfRowsInSection section: Int ) -> Int {          var data = self .allnames?[section]          return data!.count      }                  // UITableViewDataSource協議中的方法，該方法的返回值決定指定分區的頭部      func tableView(tableView: UITableView , titleForHeaderInSection          section: Int )-> String      {          var headers =  self .adHeaders!;          return headers[section];      }      // UITableViewDataSource協議中的方法，該方法的返回值決定指定分區的尾部      func tableView(tableView: UITableView , titleForFooterInSection          section: Int )-> String      {          var data = self .allnames?[section]          return "有\(data!.count)個控件"      }                  //建立各單元顯示內容(建立參數indexPath指定的單元）      func tableView(tableView: UITableView , cellForRowAtIndexPath indexPath: NSIndexPath )          -> UITableViewCell      {          //爲了提供表格顯示性能，已建立完成的單元需重複使用          let identify: String = "SwiftCell"                    //同一形式的單元格重複使用，在聲明時已註冊                 var secno = indexPath.section          var data = self .allnames?[secno]          if (secno == 0)          {              var cell = tableView.dequeueReusableCellWithIdentifier(identify, forIndexPath: indexPath)                  as UITableViewCell              cell.accessoryType = UITableViewCellAccessoryType . DisclosureIndicator                            var image = UIImage (named: "heart.jpg" )              cell.imageView?.image = image              cell.textLabel?.text = data![indexPath.row]                            return cell          }          else          {              //第二個分組表格使用詳細標籤              var adcell = UITableViewCell (style: UITableViewCellStyle . Subtitle ,                  reuseIdentifier: "SwiftCell" )              adcell.textLabel?.text = data![indexPath.row]              println (adcell.textLabel?.text)              adcell.detailTextLabel!.text = "這是\(data![indexPath.row])的說明"                            return adcell;          }      }            // UITableViewDelegate 方法，處理列表項的選中事件      func tableView(tableView: UITableView !, didSelectRowAtIndexPath indexPath: NSIndexPath !)      {          self .tableView!.deselectRowAtIndexPath(indexPath, animated: true )                    var itemString = self .allnames![indexPath.section]![indexPath.row]                    var alertview = UIAlertView ();          alertview.title = "提示!"          alertview.message = "你選中了【\(itemString)】" ;          alertview.addButtonWithTitle( "肯定" )          alertview.show();                }            override func didReceiveMemoryWarning() {          super .didReceiveMemoryWarning()                    // Dispose of any resources that can be recreated.      } }