主流界面搭建原理(類似百思不得姐主界面)

来源:http://www.cnblogs.com/xiaotian666/archive/2016/08/15/5740968.html
-Advertisement-
Play Games

一.界面搭建 1.項目需求 主界面能左右滾動,還能上下滾動,點擊按鈕跳轉界面 2.分析界面 點擊按鈕跳轉界面可以自定義UITabBarCotroller來實現 左右滾動,可以利用scrollView來實現 或 UICollectionView 上下滾動,用tableView可以實現 3.選擇實現方案 ...


一.界面搭建 1.項目需求      主界面能左右滾動,還能上下滾動,點擊按鈕跳轉界面   2.分析界面      點擊按鈕跳轉界面可以自定義UITabBarCotroller來實現      左右滾動,可以利用scrollView來實現  或 UICollectionView      上下滾動,用tableView可以實現   3.選擇實現方案     方案一:   UITabBarCotroller + scrollView + tableView + titleView(TabBar條)      UIScrollView弊端:沒有做離屏渲染優化     使用scrollView,沒有顯示的tableView也會渲染,渲染比較耗記憶體,創建很多對象     離屏渲染:如果一個界面,沒有顯示到屏幕上,不會渲染,如果在屏幕上,就會渲染     方案二:   UITabBarCotroller + UICollectionView + tableView + scrollView(TabBar條)   能擴展標題      UICollectionView好處:優化離屏渲染,並不是少創建UITableView     tableView添加UICollectionView的cell裡面   4.界面搭建實現步驟      4.1 先創建一個UIViewContriller       4.2 創建UICollectionView添加到UIViewContriller的View上面           創建UICollectionView,要先設置佈局參數,而且還要設置滾動方向為水平滾動,cell的大小就為屏幕的大小      4.3 添加一個scrollView(TabBar條)到控制器的View上面                scrollView的y值要從64開始,因為上面還有一個導航條      4.4 添加子控制器(添加給UIViewContriller)           按鈕的內容由對應的子控制器決定,創建子控制器的時候,要確定按鈕的內容      4.5 添加標題按鈕(添加到scrollView上面)           給按鈕綁定tag,點擊按鈕的時候,就移除之前按鈕對應的控制器,添加當前按鈕對應的控制器,並記錄當前選中的按鈕      註意: 如果A控制器的View添加到B控制器的View上,那麼A控制器一定要成為B控制器的子控制器   5.展示cell      5.1 設置cell的尺寸等於屏幕的尺寸,設置水平滾動運行報錯,垂直滾動不報錯,為什麼?            報錯: bug:the item height must be less than the height of the UICollectionView minus the section insets                   top and bottom values                   分析: 原因:cell高度 必須 要小於等於 colllectionView高度 - (top + bottom)                iOS7之後,導航控制器會給它裡面一個的UIScrollView頂部添加額外滾動區域                解決方案:取消系統自動添加的滾動區域        5.2 左右滾動的時候,cell之間有間距,怎麼解決           取消cell的行間距和列間距            layout.minimumInteritemSpacing = 0;          layout.minimumLineSpacing = 0;        5.3 點擊按鈕切換界面的時候,發現cell為nill,為什麼?           點擊按鈕切換界面不會去調用UICollectionView數據源方法,只有屏幕滾動的時候才會調用數據源方法           解決方法:在點擊按鈕的方法裡面,改變collectionView的偏移量,讓他偏移到指定的位置        5.4 切換界面,發現還是不調用數據源方法?              因為之前添加控制器的view我們寫在 點擊按鈕的方法裡面了              點擊按鈕雖然會滾動cell,但會有延遲,不能及時去調用數據源方法,           怎麼解決?           我們把添加控制器view的代碼寫在創建cell之後就可以了,這樣保證有cell我們再去添加控制器的view           把添加控制器view的代碼寫在數據源方法裡面        5.5 滾動cell有時候會顯示兩個界面,我們想只顯示一個界面,怎麼辦?           開啟UIScrollView的分頁功能就解決了           UICollectionView繼承UIScrollView,所以UIScrollView的所有屬性和方法都能用            5.6 滾動到最後一頁,發現還能往後滾,只不過會彈回來,怎麼解決?           關閉彈簧效果        5.7 發現tableView上面和下麵被擋住了(導航條和TabBar條擋住了)           給tableView上邊和下邊添加一個內邊距        5.8 預設選中第0個按鈕   6.添加下劃線(標題指示器)      6.1用什麼控制項來作為下劃線           用View就可以了      6.2下劃線添加到哪裡?           下劃線是用來指示按鈕被選中的,和按鈕相關,添加到按鈕裡面可以嗎?           不可以,要求下劃線只有一個,按鈕有多個,不符合需求           可以添加到按鈕所在的父控制項裡面(標題欄scrollView)      6.3在哪裡添加?           下劃線和按鈕還有scrollView有關係,那麼應該在設置標題欄和按鈕的時候添加           按鈕需要添加多個,下劃線只需要添加一次,           預設選中第一個按鈕方法只會調用一次,可以寫在這裡面      6.4下劃線的frame怎麼設置?           下劃線的centerX始終和被選中的按鈕的centerX相同           下劃線高度根據需要我們自己設定  高度確定,y值也就確定了  = 父控制項高度 - 自己高度           下劃線寬度等於按鈕文字的高度               underLineV.xt_width = btn.titleLabel.xt_width;      6.5設置了下劃線,運行不顯示,為什麼?           一個控制項沒有顯示一般有三個原因:                6.5.1沒有frame   6.5.2被擋住   6.5.3被隱藏           我們通過小麵包查看,找不到下劃線控制項,排除被擋住和被隱藏的可能       6.6列印下劃線frame,發現寬度為0,為什麼?           我們是在viewDidLoad方法裡面添加按鈕,雖然給按鈕設置了frame,但是按鈕裡面的子控制項還沒有尺寸,在viewDidLayoutSubviews方法裡面才有尺寸           我們要手動計算btn.titleLabel的寬度       6.7怎麼計算btn.titleLabel的寬度                        NSDictionary *nameAttr  = @{NSFontAttributeName : [UIFont systemFontOfSize:15]};             [btn.titleLabel.text sizeWithAttributes:nameAttr];           過期的方法             [btn.titleLabel.text sizeWithFont:[UIFont systemFontOfSize:15]];           計算一段文字高度:constrainedToSize文字的寬度和最大高度             [btn.titleLabel.text sizeWithFont:[UIFont systemFontOfSize:15] constrainedToSize:CGSizeMake(355, MAXFLOAT)];   7.監聽collectionView滾動完成        7.1 怎麼監聽?           設置代理UICollectionView繼承UIScrollView,所以UIScrollView代理方法都能用            -(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView        7.2 滾動完成要讓對應的標題按鈕成為選中狀態,怎麼實現?           首先要拿到按鈕           根據控制器就能找到對應的按鈕        7.3怎麼拿到當前的控制器?           偏移量 / 每個view的寬度 = 當前所在的頁數(取整)           頁數也就對應著是第幾個控制器        7.4按鈕怎麼拿到?           首先想到從按鈕父控制項scrollView的Subviews中去取,但我們有可能會取到下劃線控制項,不可行           我們需要定義一個數組,來保存所有的按鈕,從數組中就能拿到想要的按鈕           註意:數組一定要懶載入(初始化),而且用的時候要用點語法(調用set方法)        7.5拿到按鈕,調用按鈕選中狀態方法,讓按鈕成為選中狀態        7.6滾動完成,怎麼讓下劃線(指示器)也跟著移動?           滾動完成,會調用按鈕選中狀態的方法,在這個方法設置下劃線的centerX始終等於當前按鈕的centerX就可以了       8.封裝精華框架(類似與百思不得姐的主流界面)        8.1為什麼要抽取一個框架?           這樣的主流界面很多app都需要,封裝起來方便復用        8.2怎麼封裝?           封裝的前提:復用性  擴展性           抽取一個基類,把框架特有的方法和實現封裝到基類(例如:設置標題欄和標題按鈕,collectionView等)           我們用的時候只要繼承自這個基類,添加我們所需要的控制器就可以了        8.3封裝的簡單方法           如果實在不會,就把子類代碼全部拷貝到基類           一些固定的,能確定死的就保留在基類裡面           一些不確定的東西(例如:有多少個子控制器)放到子類實現, 能讓使用者去擴展        8.4繼承基類去實現主流界面的搭建,發現標題欄不能顯示,為什麼?           標題欄的標題按鈕是根據對應子控制來設置的           而我們調用完父類(基類)的viewDidLoad之後才添加自控制器,也就是說先設置按鈕,在添加自控制器           顯然,標題欄按鈕是設置不成功的           註意:重寫父類的方法,一定要調用super方法        8.5怎麼設置標題欄,才能正常顯示?           我們只需要在添加完子控制器再設置標題欄就可以了           只需要把設置標題欄的按鈕寫在viewWillAppear裡面就行了(模仿UITabBarController的實現原理)        8.6設置標題欄出現一個bug,再次來到同一個界面,標題欄又被重新設置一次,怎麼解決?           只需要讓標題欄只載入一次就可以了        8.7設置標題欄,為什麼不能使用一次代碼?              static dispatch_once_t onceToken;
    　　dispatch_once(&onceToken, ^{         　　<#code to be executed once#>    　　 }); 　　　　一次代碼是在整個工程中只會被調用一次,如果在這個工程中有兩個界面復用這個框架,那麼第二次復用這個框架的控制器設置不了標題欄           這樣框架就存在漏洞          8.8怎麼只讓代碼執行一次,還能夠復用?           在基類中定義一個BOOL類型的屬性,記錄該方法有沒有被執行  - (void)viewWillAppear:(BOOL)animated
{     [super viewWillAppear:animated];     if (_isInitial == NO) {
        // 添加標題按鈕
        [self setupAllTitleButton];
        _isInitial = YES;     } }  
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 簡單的例子瞭解自定義ViewGroup(一)
    在Android中，控制項可以分為ViewGroup控制項與View控制項。自定義View控制項，我之前的文章已經說過。這次我們主要說一下自定義ViewGroup控制項。ViewGroup是作為父控制項可以包含多個View控制項，並管理其中包含的View控制項。 一般自定義ViewGroup的流程如下： 我們一般不 ...
  • ios 一個app啟動另一個app
    問題描述：需要從一個ios應用程式中，能啟動另一個ios應用程式。 開發環境：xcode7.3.1 關鍵詞：白名單（LSApplicationQueriesSchemes）、註冊自己的URL Demo源代碼鏈接：http://pan.baidu.com/s/1bo327sb 如何從一個app中，啟動 ...
  • iOS開源項目MobileProject功能點介紹
    一：MobileProject簡介 MobileProject項目是一個以MVC模式搭建的開源功能集合，基於Objective-C上面進行編寫，意在解決新項目對於常見功能模塊的重覆開發，MobileProject對於項目的搭建也進行很明確的劃分，各個模塊職責也比較明確，MobileProject也引 ...
  • Android 繪製view的小知識點
    【onMeasure】 直接繼承view或ViewGroup的自定義控制項需要重寫onMeasure方法並設置wrap_content時的自身大小，否則在佈局中使用wrap_content就相當於match_parent。 //LinearLayout 通過measure調用onMeasure Vie ...
  • iOS畫圖，截圖及清空
    ...
  • android 雙緩存機制
    廢話不多說，直接貼代碼！ 所謂的雙緩存，第一就是緩存在記憶體裡面，第二就是緩存在SD卡裡面，當你需要載入數據時，先去記憶體緩存中查找，如果沒有再去SD卡中查找，並且用戶可以自選使用哪種緩存！ 緩存記憶體和緩存SD都有一個共同的方法，就是put和get方法（存數據和取數據），因此我們採用工廠模式！ 新建一個 ...
  • 字體顏色
    #define QUICKRGB(r,g,b) [UIColor colorWithRed:r / 255.0 green:g / 255.0 blue:b / 255.0 alpha:1.0] #define HEXCOLOR(hex) [UIColor colorWithHex:hex] #de ...
  • ionic 打包簽名
    IONIC用一下命令打包會自動簽名並且打包 自己簽名並且打包方法： 1》在你項目app\platforms\android目錄下新建文件：debug-signing.properties，文件里內容如下： 2》在同目錄下用dos命令生成簽名(demo.keystore)文件 keytool是工具名稱 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類