上乙個qq介面真實無心插柳,想不到乙個新手的普通介面可以上首頁推薦,在這謝謝那些csdn工作者對新手的支援,謝謝soledadzz 的特別推薦;
以下這個介面也是師傅鍛鍊我的題目主要是讓我熟悉table的使用;我想盡量的去用mvc,盡量的去實現介面與資料的分離,可是乙個水平沒有達到,不知道這種介面算不算乙個真正的分離,還差多少,假設您看出了問題,請留一下言,幫忙扶一把,謝謝!
因為本人ps技術的原因,沒可以將底部的四張小弄出來,致使底部的tabbar 沒有,大家可以自己加上。
先來說下檔案:
由於近期看可**規範的一些東西,剛開始用,我想名字什麼的盡量的去做到,看到名字就知道是幹嘛的。
在personalcentretable檔案裡放得是 介面中間的table和cell 以下personalcentreheadview 是介面頭部也就是 頭像,藍色背景那部分
personalcentreview 就是整個的介面部分了;
其它地方沒有必要介紹了;
構造資料:
nsdictionary *dictionary = @
};
先來看下cell吧
@property (nonatomic,strong) uilabel *namelabel;
@property (nonatomic,strong) uilabel *numberlabel;
@property (nonatomic,strong) uiimageview *rightimageview;
乙個名字 ,乙個數字,乙個圖示 能夠對比圖一看就明確;
- (id)initwithname:(nsstring *)name number:(nsstring *)number rightimage:(uiimage *)image
return self;
}
接下來是table了
@inte***ce personalcentretable : uitableview@property (nonatomic,copy) nsdictionary *datadictionary; //傳遞的資料
- (id)initwithdictionary:(nsdictionary *)dictionary;
@end
在實現table時我想 有4個section 並且行數也不一樣,每行的內容也不一樣,這樣在
- (uitableviewcell *) tableview:(uitableview *)tableview cellforrowatindexpath:(nsindexpath *)indexpath
怎麼寫啊,要乙個乙個if的去推斷是哪個section 然後推斷是哪一行嗎?這樣費勁了,於是我想到了陣列。乙個老手應該自然會想到,可是作為新手能用還是蠻高興的;
tablearray = @[@[@"待付款訂單",
@"待發貨訂單",
@"已發貨訂單"],
@[@"已完畢訂單"],
@[@"售後服務"],
@[@"設定"]];
這個陣列然後與以下的**結合起來就簡潔多了
- (uitableviewcell *) tableview:(uitableview *)tableview cellforrowatindexpath:(nsindexpath *)indexpath
else
return cell;
}
- (nsinteger) tableview:(uitableview *)tableview numberofrowsinsection:(nsinteger)section
這裡我想說的是我們應該多去用 ?: 少去寫if,應該先考慮?: 這樣我們的**更加整潔;
說完這些小部分,那讓我們來看看整個部分吧personalcentreview;
@inte***ce personalcentreview : uiview
@property (nonatomic,strong) uilabel *titlelabel;//標題
@property (nonatomic,strong) personalcentreheadview *personalcentreheadview;//頭部 個人頭像部分
@property (nonatomic,strong) personalcentretable *personalcentretable;//**部分
@property (nonatomic,copy) nsdictionary *datadictionary;//資料
- (id)initwithdictionary:(nsdictionary *)dictionary;
@end
- (id)initwithdictionary:(nsdictionary *)dictionary
return self;
}
再次說一下,這些東西是給我們新手看的,也許可以幫到你們,由於我在學習的時候也想有個完整的樣例來練一練手。
大神們,建議意見,我們希望你們能留下。「乙個簡單的介面,也好意思說。。。」這種話我們不希望看到,我就不相信,一年兩年之後你還會比我們強。
iOS 使用tableView實現 個人中心列表
最終效果 直接上 首先使uiviewcontroller 實現協議 uitableviewdatasource uitableviewdelegate 建立兩個屬性 uitableview personaltableview nsarray datasource objc view plain co...
android 實現類似個人中心的介面設計
上效果圖 先理清設計思路 1 外層用linearlayout包裹,linearlayout採用shape,搭上描邊 圓角和填充背景色。2 裡層採用relativelayout填充進textview imageview。思路搞清後,很簡單就兩步。先上布局 style style personalmai...
完成個人中心 導航標籤
個人中心 導航標籤鏈結增加tag引數 全部問答 個人中心 有鏈結到個人中心頁面的url增加tag引數 個人中心 導航標籤鏈結增加tag引數 全部問答 個人中心 有鏈結到個人中心頁面的url增加tag引數 個人資訊頁 def usercenter user id,tag user user.query...