在Facebook iOS應用程序中實現的「...更多」效果背後的概念是什麼？

Question

正如您在Facebook應用程序的照片查看器中看到的那樣，有一個2分劃線的截斷標籤（如果文本太長）在最後使用「...查看更多」標籤。如果點擊「See more」，整個​​文本將顯示一個展開的動畫。我只是想知道如何實現，「看到更多」的東西和動畫集成在它上面。

Answer 1

「......查看更多」可能是一個按鈕。實際上，您只需點擊相同的長文字，即可看到滾動文字的模糊效果。

在您閱讀更多內容之前，我會說要看這個Video。

這是非常完善的自定義組件BTScrollView。它受雅虎天氣應用程序的啓發。

BTScrollView Description BTScrollView Source Code

你可以做少量的自定義或因爲它是可以使用該組件。

我希望有幫助。

Answer 2

你可以繼承UILabel來做到這一點。將實際文本存儲在某處並根據其大小顯示「查看更多...」。您還可以添加輕擊手勢（不要忘記將userInteractionEnabled設置爲YES）並添加動畫。這是我能想到的最簡單的方式，也可能是實際完成的方式。