iOS開發-列表視圖的基本介紹與使用

来源:https://www.cnblogs.com/jianqiu/p/18284230
-Advertisement-
Play Games

在iOS開發中,UITableView和UICollectionView是兩個非常核心的用於展示集合數據的UI組件。它們都能以列表的形式展示數據,但各自的特點和使用場景有所不同。 UITableView UITableView用於展示和管理垂直滾動的單列數據列表。它是以行的形式展示數據,每行(cel ...


在iOS開發中,UITableView和UICollectionView是兩個非常核心的用於展示集合數據的UI組件。它們都能以列表的形式展示數據,但各自的特點和使用場景有所不同。

UITableView

UITableView用於展示和管理垂直滾動的單列數據列表。它是以行的形式展示數據,每行(cell)可以展示相同或不同類型的數據。UITableView廣泛用於展示數據集合,如聯繫人列表、設置菜單、視頻音樂列表等。

基本組成

  • UITableViewDataSourceUITableView的數據源,負責提供表格數據。它是一個協議,任何實現了該協議的對象都可以作為UITableView的數據源。主要方法包括提供行數、單元格(cell)內容等。
  • UITableViewDelegate:處理用戶與UITableView交互的事件,如選擇某行、設置行高等。它也是一個協議。
  • UITableViewCell:表格的行,是顯示數據的單元格。可以自定義單元格的樣式、添加視圖等。

基本使用

  1. 創建UITableView:可以通過Storyboard拖拽或代碼創建。

    UITableView *tableView = [[UITableView alloc] initWithFrame:self.view.bounds style:UITableViewStylePlain];
    [self.view addSubview:tableView];
    
  2. 設置數據源和代理

    tableView.dataSource = self;
    tableView.delegate = self;
    
  3. 實現UITableViewDataSource方法:最基本的有兩個方法,分別是提供行數和單元格內容。

    - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
        // 返回行數
        return 10;
    }
    
    - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
        // 為每行創建或重用UITableViewCell對象
        static NSString *cellIdentifier = @"Cell";
        UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellIdentifier];
        if (cell == nil) {
            cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellIdentifier];
        }
        
        // 配置cell...
        cell.textLabel.text = [NSString stringWithFormat:@"Row %ld", (long)indexPath.row];
        
        return cell;
    }
    
  4. 實現UITableViewDelegate方法(可選):例如,處理行的選擇事件。

    - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
        NSLog(@"Selected row at index path: %@", indexPath);
    }
    

自定義UITableViewCell

為了展示更豐富的內容,您可能需要自定義UITableViewCell。這可以通過Storyboard設計或代碼實現。自定義單元格允許您在單元格中添加圖片、標簽、按鈕等UI組件,以滿足複雜的佈局需求。

ICollectionView

UICollectionView用於展示和管理數據集合的有序排列。與UITableView相比,UICollectionView提供了更高的自定義能力,支持多列數據展示,以及各種複雜的佈局,如網格視圖、瀑布流、旋轉木馬等。

基本概念

  • UICollectionView:一個用於展示數據集合的滾動視圖,可以高度自定義其佈局。
  • UICollectionViewCellUICollectionView中的單元格,用於展示數據項。可以自定義單元格來展示覆雜的佈局。
  • UICollectionViewLayout:定義了UICollectionView中單元格的組織和排列方式。UICollectionViewFlowLayout是一個預定義的佈局,支持網格和線性佈局。
  • DataSource (UICollectionViewDataSource):提供UICollectionView所需的數據,如單元格的數量和內容。
  • Delegate (UICollectionViewDelegate):處理UICollectionView中的用戶交互事件,如單元格的選擇。
  • DelegateFlowLayout (UICollectionViewDelegateFlowLayout):一個可選的協議,用於調整佈局屬性,如單元格的大小和間距(僅在使用UICollectionViewFlowLayout時)。

基本使用步驟

  1. 創建UICollectionView:可以通過Storyboard或代碼創建。如果是通過代碼創建,需要指定一個佈局對象。

    UICollectionViewFlowLayout *layout = [[UICollectionViewFlowLayout alloc] init];
    UICollectionView *collectionView = [[UICollectionView alloc] initWithFrame:self.view.bounds collectionViewLayout:layout];
    collectionView.backgroundColor = [UIColor whiteColor];
    [self.view addSubview:collectionView];
    
  2. 註冊單元格:在使用單元格之前,需要註冊單元格類或nib。

    [collectionView registerClass:[UICollectionViewCell class] forCellWithReuseIdentifier:@"cellIdentifier"];
    
  3. 設置DataSource和Delegate

    collectionView.dataSource = self;
    collectionView.delegate = self;
    
  4. 實現DataSource方法:提供必要的數據信息,如單元格的數量和如何配置每個單元格。

    - (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section {
        return 20; // 返回單元格數量
    }
    
    - (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {
        UICollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"cellIdentifier" forIndexPath:indexPath];
        // 配置cell...
        return cell;
    }
    
  5. 實現Delegate方法(可選):處理用戶交互,如單元格的選擇。

    - (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath {
        NSLog(@"Selected item at section %ld, item %ld", (long)indexPath.section, (long)indexPath.item);
    }
    

自定義佈局

UICollectionView的強大之處在於其佈局的高度可定製性。你可以通過繼承UICollectionViewLayout或其子類UICollectionViewFlowLayout來創建自定義佈局。自定義佈局允許你控制單元格的排列方式、方向、大小和間距等。

示例:使用UICollectionViewFlowLayout

UICollectionViewFlowLayout是一個預定義的佈局,支持創建網格和水平滾動的佈局。通過調整其屬性,如itemSizeminimumLineSpacingminimumInteritemSpacing,可以快速實現基本的佈局需求。

UICollectionViewFlowLayout *layout = [[UICollectionViewFlowLayout alloc] init];
layout.itemSize = CGSizeMake(100, 100); // 設置單元格大小
layout.minimumLineSpacing = 10; // 設置行間距
layout.minimumInteritemSpacing = 10; // 設置單元格之間的最小間距
layout.scrollDirection = UICollectionViewScrollDirectionVertical; // 設置滾動方向

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 本書從一個系統化的視角,秉承大道至簡的主導思想,介紹Spark中最值得關註的內 容,講解Spark部署、開發實戰,並結合Spark的運行機制及拓展,幫讀者開啟Spark技術之旅。 Spark大數據處理:技術、應用與性能優化(全)PDF下載 Spark已經在全球範圍內廣泛使用,無論是Intel、Yah ...
  • 在資料庫世界里,查詢重寫是提升性能的關鍵環節。WeTune作為一款革命性工具,能自動發現新重寫規則,打破現有系統依賴人工發現重寫規則的局限,大幅提升資料庫查詢性能。 ...
  • 從記憶體管理的角度來看,block可以作為方法的傳入參數是因為block在Objective-C中被設計為一種特殊的對象,它們可以在堆(heap)上分配和管理。這使得block可以像其他對象一樣被傳遞、複製和持有。以下是一些關鍵點,解釋為什麼block可以作為方法的傳入參數: 1. Block的類型和 ...
  • WKWebView 是 iOS 開發中用於顯示網頁內容的組件,它是在 iOS 8 中引入的,作為 UIWebView 的替代品。WKWebView 提供了更高的性能和更多的功能,它是基於 WebKit 引擎的,這也是 Safari 瀏覽器所使用的引擎。 主要特性 性能提升:相比於老舊的 UIWebV ...
  • UIGestureRecognizer 用於檢測和處理手勢的抽象基類。提供了檢測用戶手勢的基本功能,如點按、滑動、捏合、旋轉等。通過使用 UIGestureRecognizer 子類,可以為視圖添加手勢識別功能,增強用戶交互體驗。 常見的 UIGestureRecognizer 子類 一些常見的手勢 ...
  • UIImage 和 UIImageView 是 iOS 開發中常用的兩個類,分別用於表示圖像數據和顯示圖像。 UIImage UIImage 是一個表示圖像數據的類,可以從文件、數據、圖像資源庫等載入圖像。UIImage 支持多種圖像格式,包括 PNG、JPEG、GIF 等。 創建 UIImage ...
  • UIButton用於創建可交互的按鈕。按鈕可以響應用戶的觸摸事件,執行特定的動作或邏輯。 創建和配置UIButton 創建UIButton的基本步驟: // 創建UIButton實例,指定按鈕類型為系統類型 UIButton *button = [UIButton buttonWithType:UI ...
  • 在Objective-C進行iOS開發中,UILabel是一個非常基礎且常用的UI組件,用於在應用界面上顯示一段靜態文本。UILabel屬於UIKit框架的一部分,提供了豐富的屬性來控制文本的顯示方式,包括文本內容、字體、顏色、對齊方式、行數等。 創建和配置UILabel 創建一個UILabel實例 ...
一周排行
    -Advertisement-
    Play Games
  • 通過WPF的按鈕、文本輸入框實現了一個簡單的SpinBox數字輸入用戶組件並可以通過數據綁定數值和步長。本文中介紹了通過Xaml代碼實現自定義組件的佈局,依賴屬性的定義和使用等知識點。 ...
  • 以前,我看到一個朋友在對一個系統做初始化的時候,通過一組魔幻般的按鍵,調出來一個隱藏的系統設置界面,這個界面在常規的菜單或者工具欄是看不到的,因為它是一個後臺設置的關鍵界面,不公開,同時避免常規用戶的誤操作,它是作為一個超級管理員的入口功能,這個是很不錯的思路。其實Winform做這樣的處理也是很容... ...
  • 一:背景 1. 講故事 前些天有位朋友找到我,說他的程式每次關閉時就會自動崩潰,一直找不到原因讓我幫忙看一下怎麼回事,這位朋友應該是第二次找我了,分析了下 dump 還是挺經典的,拿出來給大家分享一下吧。 二:WinDbg 分析 1. 為什麼會崩潰 找崩潰原因比較簡單,用 !analyze -v 命 ...
  • 在一些報表模塊中,需要我們根據用戶操作的名稱,來動態根據人員姓名,更新報表的簽名圖片,也就是電子手寫簽名效果,本篇隨筆介紹一下使用FastReport報表動態更新人員簽名圖片。 ...
  • 最新內容優先發佈於個人博客:小虎技術分享站,隨後逐步搬運到博客園。 創作不易,如果覺得有用請在Github上為博主點亮一顆小星星吧! 博主開始學習編程於11年前,年少時還只會使用cin 和cout ,給單片機點點燈。那時候,類似async/await 和future/promise 模型的認知還不是 ...
  • 之前在阿裡雲ECS 99元/年的活動實例上搭建了一個測試用的MINIO服務,以前都是直接當基礎設施來使用的,這次準備自己學一下S3相容API相關的對象存儲開發,因此有了這個小工具。目前僅包含上傳功能,後續計劃開發一個類似圖床的對象存儲應用。 ...
  • 目錄簡介快速入門安裝 NuGet 包實體類User資料庫類DbFactory增刪改查InsertSelectUpdateDelete總結 簡介 NPoco 是 PetaPoco 的一個分支,具有一些額外的功能,截至現在 github 星數 839。NPoco 中文資料沒多少,我是被博客園群友推薦的, ...
  • 前言 前面使用 Admin.Core 的代碼生成器生成了通用代碼生成器的基礎模塊 分組,模板,項目,項目模型,項目欄位的基礎功能,本篇繼續完善,實現最核心的模板生成功能,並提供生成預覽及代碼文件壓縮下載 準備 首先清楚幾個模塊的關係,如何使用,簡單畫一個流程圖 前面完成了基礎的模板組,模板管理,項目 ...
  • 假設需要實現一個圖標和文本結合的按鈕 ,普通做法是 直接重寫該按鈕的模板; 如果想作為通用的呢? 兩種做法: 附加屬性 自定義控制項 推薦使用附加屬性的形式 第一種:附加屬性 創建Button的附加屬性 ButtonExtensions 1 public static class ButtonExte ...
  • 在C#中,委托是一種引用類型的數據類型,允許我們封裝方法的引用。通過使用委托,我們可以將方法作為參數傳遞給其他方法,或者將多個方法組合在一起,從而實現更靈活的編程模式。委托類似於函數指針,但提供了類型安全和垃圾回收等現代語言特性。 基本概念 定義委托 定義委托需要指定它所代表的方法的原型,包括返回類 ...