[Swift]SkeletonView:在UITableView中使用骨架屏


★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
➤微信公眾號:山青詠芝(let_us_code)
➤博客園地址:山青詠芝(https://www.cnblogs.com/strengthen/
➤GitHub地址:https://github.com/strengthen/LeetCode
➤原文地址:https://www.cnblogs.com/strengthen/p/13137587.html
➤原文已修改更新!強烈建議點擊原文地址閱讀!支持作者!支持原創!
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

熱烈歡迎,請直接點擊!!!

進入博主App Store主頁,下載使用各個作品!!!

注:博主將堅持每月上線一個新app!!!

這種動畫背后的好處是,當您通過放置加載程序或其他東西從服務器獲取數據時,我們不必阻塞用戶界面。就像我們知道太多的加載程序和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,您將探索庫並制作自己的自定義動畫。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM