橫向TableView

前幾天在項目中遇到一個需求,實現(xiàn)一個橫向的左右滑動翻頁進入上一條或下一條詳情。
剛看到的時候便有了幾個想法:

1.pageviewcontroller
2.scoreView像輪播圖一樣用三個view奶實現(xiàn)
3.橫向tableview

經(jīng)過比較之后選擇了第三種方式,原因無其他,重用機制,大量數(shù)據(jù)不會卡頓。

橫向tableview

先將tableview左旋轉(zhuǎn)90度:

CGFloat f = (kScreen_Height-kNavBar_Height-kScreen_Width)*0.5;
self.myTableView = [[UITableView alloc]initWithFrame:CGRectMake(-f, f, kScreen_Height-kNavBar_Height, kScreen_Width) style:UITableViewStylePlain];
self.myTableView.dataSource = self;
self.myTableView.delegate = self;
self.myTableView.transform = CGAffineTransformMakeRotation(-M_PI/2);
self.myTableView.backgroundColor = kColor_f2f2f2;
self.myTableView.pagingEnabled = YES;
self.myTableView.showsVerticalScrollIndicator = NO;
[self.view addSubview:self.myTableView];

要使其旋轉(zhuǎn)之后能剛好和屏幕一致,則TableView的
橫坐標x為: -(屏幕高度-屏幕寬度)0.5
縱坐標y為:(屏幕高度-屏幕寬度)
0.5
改變tableview的transform

self.myTableView.transform = CGAffineTransformMakeRotation(-M_PI/2);

這樣旋轉(zhuǎn)之后剛好和controller 的view重合。

旋轉(zhuǎn)cell

旋轉(zhuǎn)tableview之后還需要將cell右向旋轉(zhuǎn)90度:

cell.transform = CGAffineTransformMakeRotation(M_PI/2);

這樣既可實現(xiàn)一個橫向的tableview。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容