iOS 購物 個人中心介面

2021-09-08 10:27:16 字數 2870 閱讀 5774

上乙個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...