★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
➤微信公眾號:山青詠芝(let_us_code)
➤博客園地址:山青詠芝(https://www.cnblogs.com/strengthen/)
➤GitHub地址:https://github.com/strengthen/LeetCode
➤原文地址:https://www.cnblogs.com/strengthen/p/13137587.html
➤原文已修改更新!強烈建議點擊原文地址閱讀!支持作者!支持原創!
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
這種動畫背后的好處是,當您通過放置加載程序或其他東西從服務器獲取數據時,我們不必阻塞用戶界面。就像我們知道太多的加載程序和UI塊會激怒用戶。但是這種動畫使用戶可以實時使用應用程序:)
如何集成到我的代碼中?
我們可以開始嗎?
輕松輕松,現在我們將要整合到列表中,首先,訪問這個很棒的Skeleton庫,並使用Pod或Carthage整合到您的Xcode項目中。或者您也可以簡單地說。
Pod:
pod "SkeletonView"
安裝依賴項后,您可以在Storyboard / Xib屬性檢查器中找到isSkeletonable屬性。
如果要在控件中顯示動畫(如UILabel,UIButton,UIView等),只需將其設置為On。
在UITableViewCell中設置:
希望您到目前為止已經理解,並將isSkeletonable設置為On模式。現在,按照以下過程在UITableView中顯示動畫。
在您的UITablViewCell類中,在awakeFromNib()中放置以下代碼以啟動動畫。
在控件中開始動畫
但是,如果“單元格”中的控件過多,則可以使用以下快捷方式來應用動畫。
組操作的快捷方式。
哦,我愛這個家伙。
並且還添加了一種在服務器請求后可用數據時隱藏骨架的方法。將下面的方法放在UITableViewCell類awakeFromNib()中。
隱藏控件上的動畫
現在我們轉到控制器並在UITableView中填充數據。我們有一個用於數據的用戶模型。其中包含名稱,提及名稱,描述和圖像。
用戶模型
在ViewController中創建一個Users數組,用作TableView的數據源。
UITableView的數據源
在這里,我們實現UITableViewDataSource方法,以在單元格中顯示動畫和數據。
在numberOfRowsInSection方法中,有行返回用戶?10表示如果users數組為null(這意味着到目前為止用戶數據不可用),那么它將顯示默認動畫單元格,否則將返回array計數。
首先在cellForRowAt方法中,我們檢查users數組是否為nil,然后繼續進行動畫處理;否則,如果users數組為nil,則首先隱藏動畫,然后填充數據。
下面是我在當前項目中使用的一個示例,您可以看到這個漂亮的動畫。
請記住,這只是一個基本的Core動畫庫。為了獲得出色的UX,您將探索庫並制作自己的自定義動畫。
