2014-12-18 66 views
0

我有一個表格視圖,我希望包含邊距,以便表格的內容在左側和右側以及單元之間有一些呼吸空間。如何在UITableView上添加邊距以嵌入內容

enter image description here

+0

你不能使用邊距來增加單元格之間的空間。您需要在單元格邊緣插入一個子視圖(圖像中的白色視圖),以使單元格看起來不會彼此鄰接。在這裏看到我的答案,http://stackoverflow.com/questions/26563497/ios-tableview-design-block-like-cells-with-margins-and-spacing/26565143#26565143 – rdelmar

回答

0

我設法做這樣一個表視圖:

TableView

我的故事板的設計是這樣的:

Storyboard

我做什麼我添加了一個UITableView到主視圖並給出了10的餘量。我添加了約束條件作爲s如圖所示。將Seperator style更改爲None。然後我加了兩個UITableViewCell s。

  1. 對於自定義行高度保留的數據與parentView的相同背景的10.0

定製行高度70.0

  • 行和實施類似下面的方法:

    // Row count (Twice as needed, for showing the insect) 
    - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section 
    { 
        return 15*2; 
    } 
    
    // Returns cell based on indexPath 
    - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath 
    { 
        UITableViewCell *cell = nil; 
    
        // Decides whether content or inset 
        if (indexPath.row%2) 
        { 
         cell = [tableView dequeueReusableCellWithIdentifier:@"ReuseInset"]; 
        } 
        else 
        { 
         cell = [tableView dequeueReusableCellWithIdentifier:@"ReuseMe"]; 
         cell.textLabel.text = @"MMP"; 
        } 
    
        return cell; 
    } 
    
    // Returns custom row height based on indexpath 
    - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath 
    { if (indexPath.row%2) 
        { 
         return 10.0; 
        } 
        return 70.0; 
    }