餓了么詳情頁分析
分三層:
最底層:ViewController
上面包括背景視圖:
- NVMRestaurantBackgroundView(灰色部分,顯示頭像,名稱,費用,和優惠等)
- NVMRestaurantPromotionView(廣播)
- View
NVMRestaurantBackgroundView
14580206756349.jpg
NVMRestaurantPromotionView
14580207733752.jpg
View
14580209838770.jpg
View上面包含NVMSegmentView&NVMPanGestureScrollView.
NVMSegmentView 由3個button和一個View組成
NVMPanGestureScrollView包含3個View我猜測這3個View應該是由3各對應的控制器控制的.
其中商品對應的UIView布局
NVMFoodCategoryTableView
- 顏色:
14580216404590.jpg
- NVMCategoryInfoCell的組成
14580222336606.jpg
當選中的cell會有一個imageView
14580223339572.jpg
NVMFoodListTableView
- NVMFoodListSectionHeaderView
14580266448815.jpg
NVMCategoryPromotionView 包含
14580268286552.jpg
"特"不是一張專門的圖片而是跟文本同屬label
NVMFoodCell
14580276789561.jpg
NVMFoodToolBar
14580289704878.jpg
當如果在銷售,即不顯示"已售完"則點擊加號按鈕會顯示減號按鈕和數量label,左側NVMCategoryInfoCell對應的NVMIconNumberView會顯示相應的數量
14580290831295.jpg
點擊加號按鈕之后
14580349352917.jpg
