2013-03-15 28 views
-5

任何想法如何實現這種UITableViewCells的外觀?iOS UITableViewCell設計

enter image description here

我需要一個背景圖像?或者這可以使用Quarz完成? 我想有確切的那種樣子,也許在另一種顏色像這樣的應用程序:

enter image description here

不幸的是,我不是當談到設計一個經歷。

+1

不需要SHOUT !! – 2013-03-15 20:19:14

回答

1

這是最容易完成的圖像。將表格視圖的backgroundView屬性設置爲UIImageView,並將其設置爲深藍色圖像,並設置上限以適當縮放。對於標題,你需要自己渲染它。覆蓋viewForHeaderInSection返回一個包含圖像的視圖,您應該設置。

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section 
{ 
    UIView *header = [[UIView alloc] initWithFrame:CGRectMake(0, 0, tableView.frame.width, 16)]; 

    UIImageView *img = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"section_header.png"]]; 
    img.frame = header.frame; 
    img.autoresizingMask = UIViewAutoresizingFlexibleWidth; 

    [header addSubview:img]; 
    return header; 
} 
+0

非常感謝。但是您是否知道公共領域下的任何特定設計集合/模板來實現這種效果?正如我已經說過的,我不知道在哪裏或如何獲得這樣的圖像。 – 2013-03-15 20:18:57

+0

首先,給表格視圖一個純色的背景。然後在Photoshop中創建一些圖像,當你的tableview爲節標題和單元格請求其數據源時,將覆蓋這些圖像。您爲節標題製作的圖像可以是1像素寬×20像素高(或2×40視網膜),可以是背景清晰的漸變。這並不難。花點時間搞清楚,你會成爲一個更好的程序員和設計師。 – 2013-03-15 22:51:40