當前位置:首頁 » 背景圖片 » tableview背景圖片
擴展閱讀
貼在手機的圖片 2025-05-16 20:34:52
自我介紹手抄報圖片大全 2025-05-16 20:24:12
怎麼手機把圖片jpg格式 2025-05-16 20:20:24

tableview背景圖片

發布時間: 2025-05-16 15:00:45

A. 怎麼設置tableViewCell之間的間距

ableview默認是不支持cell有間隔的,讓美工把cell的背景圖片切成有一段是透明的。也就是感覺上是有間隔的,但實際上cell還是連著的。或者做兩個cell,其中一個是透明的cell。簡單點直接設置tableview的類型為group ,設置各個區塊的間隔。

B. 如何優化UITableView的性能

在iOS App中,UITableView應該是使用率最高的,同時也是最為復雜的視圖。
幾乎所有自帶的應用中都能看到它的身影,可見它的重要性。

在使用UITableView時,會經常遇到性能上的問題,普遍表現在滾動時比較卡,特別是table
cell中包含圖片的情況時。
實際上只要針對性地優化一下,這種問題就不會有了。有興趣的可以看看LazyTableImages這個官方的例子程序,雖然也要從網上下載圖片並顯示,但滾動時絲毫不卡。

首先說下UITableView的原理。有興趣的可以看看《About Table Views in iOS-Based
Applications》。
UITableView是UIScrollView的子類,因此它可以自動響應滾動事件(一般為上下滾動)。
它內部包含0到多個UITableViewCell對象,每個table
cell展示各自的內容。當新cell需要被顯示時,就會調用tableView:cellForRowAtIndexPath:方法來獲取或創建一個cell;而不可視時,它又會被釋放。由此可見,同一時間其實只需要存在一屏幕的cell對象即可,不需要為每一行創建一個cell。

此外,UITableView還可以分為多個sections,每個區段都可以有自己的head、foot和cells。而在定位一個cell時,就需要2個欄位了:在哪個section,以及在這個section的第幾行。這在iOS
SDK中是用NSIndexPath來表述的,UIKit為其添加了indexPathForRow:inSection:這個創建方法。
其他諸如編輯之類的就不提了,因為和本文無關。介紹完原理,接下來就開始優化吧。

使用不透明視圖。
不透明的視圖可以極大地提高渲染的速度。因此如非必要,可以將table
cell及其子視圖的opaque屬性設為YES(默認值)。
其中的特例包括背景色,它的alpha值應該為1(例如不要使用clearColor);圖像的alpha值也應該為1,或者在畫圖時設為不透明。
不要重復創建不必要的table
cell。
前面說了,UITableView只需要一屏幕的UITableViewCell對象即可。因此在cell不可見時,可以將其緩存起來,而在需要時繼續使用它即可。
而UITableView也提供了這種機制,只需要簡單地設置一個identifier即可:

static NSString *CellIdentifier = @"xxx";
UITableViewCell *cell =
[tableView :CellIdentifier];
if (cell ==
nil) {
cell = [[[UITableViewCell alloc]
initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier]
autorelease];
}
值得一提的是,cell被重用時,它內部繪制的內容並不會被自動清除,因此你可能需要調用setNeedsDisplayInRect:或setNeedsDisplay方法。

減少視圖的數目。
UITableViewCell 也可以私人定製。
每個Cell
中可包含Label、ImageView等多個子View,你還可以自定義一些視圖放在它的contentView里。這里需要指出的是,view是很大的對象,創建它會消耗很多內存,並且也影響渲染的效果。
如果你的table
cell包含圖片,且數目較多,使用默認的UITableViewCell會非常影響性能。奇怪的是,使用自定義的view,而非預定義的view,明顯會快些。
當然,最佳的解決辦法還是繼承UITableViewCell,並在其drawRect:中自行繪制:

- (void)drawRect:(CGRect)rect {
if (image) {

[image drawAtPoint:imagePoint];
self.image = nil;
} else
{
[placeHolder drawAtPoint:imagePoint];
}

[text drawInRect:textRect withFont:font
lineBreakMode:UILineBreakModeTailTruncation];
}

不過這樣一來,你會發現選中一行後,這個cell就變藍了,其中的內容就被擋住了。最簡單的方法就是將cell的selectionStyle屬性設為,這樣就不會被高亮了。

此外還可以創建CALayer,將內容繪制到layer上,然後對cell的contentView.layer調用addSublayer:方法。這個例子中,layer並不會顯著影響性能,但如果layer透明,或者有圓角、變形等效果,就會影響到繪制速度了。解決辦法可參見後面的預渲染圖像。
不要做多餘的繪制工作。

在實現drawRect:的時候,它的rect參數就是需要繪制的區域,這個區域之外的不需要進行繪制。
例如上例中,就可以用CGRectIntersectsRect、CGRectIntersection或CGRectContainsRect判斷是否需要繪制image和text,然後再調用繪制方法。

預渲染圖像。
你會發現即使做到了上述幾點,當新的圖像出現時,仍然會有短暫的停頓現象。解決的辦法就是在bitmap
context里先將其畫一遍,導出成UIImage對象,然後再繪制到屏幕,詳細做法可見《利用預渲染加速iOS設備的圖像顯示》。
不要阻塞主線程。

做到前幾點後,你的table
view滾動時應該足夠流暢了,不過你仍可能讓用戶感到不爽。常見的現象就是在更新數據時,整個界面卡住不動,完全不響應用戶請求。
出現這種現象的原因就是主線程執行了耗時很長的函數或方法,在其執行完畢前,無法繪制屏幕和響應用戶請求。其中最常見的就是網路請求了,它通常都需要花費數秒的時間,而你不應該讓用戶等待那麼久。

解決辦法就是使用多線程,讓子線程去執行這些函數或方法。這裡面還有一個學問,當下載線程數超過2時,會顯著影響主線程的性能。因此在使用ASIHTTPRequest時,可以用一個NSOperationQueue來維護下載請求,並將其maxConcurrentOperationCount設為2。而NSURLRequest則可以配合GCD來實現,或者使用NSURLConnection的setDelegateQueue:方法。
當然,在不需要響應用戶請求時,也可以增加下載線程數,以加快下載速度:

- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView
willDecelerate:(BOOL)decelerate {
if (!decelerate) {

queue.maxConcurrentOperationCount = 5;
}
}

-
(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView {

queue.maxConcurrentOperationCount = 5;
}

-
(void)scrollViewWillBeginDragging:(UIScrollView *)scrollView {

queue.maxConcurrentOperationCount = 2;
}

此外,自動載入更新數據對用戶來說也很友好,這減少了用戶等待下載的時間。例如每次載入50條信息,那就可以在滾動到倒數第10條以內時,載入更多信息:

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath {
if (count - indexPath.row < 10 && !updating) {
updating = YES;
[self update];
}
}
// update方法獲取到結果後,設置updating為NO

還有一點要注意的就是當圖片下載完成後,如果cell是可見的,還需要更新圖像:

NSArray *indexPaths = [self.tableView indexPathsForVisibleRows];for (NSIndexPath *visibleIndexPath in indexPaths) { if (indexPath == visibleIndexPath) { MyTableViewCell *cell = (MyTableViewCell *)[self.tableView cellForRowAtIndexPath:indexPath]; cell.image = image; [cell setNeedsDisplayInRect:imageRect]; break; }}// 也可不遍歷,直接與頭尾相比較,看是否在中間即可。

最後還是前面所說過的insertRowsAtIndexPaths:withRowAnimation:方法,插入新行需要在主線程執行,而一次插入很多行的話(例如50行),會長時間阻塞主線程。而換成reloadData方法的話,瞬間就處理完了。