?

在應用開發的過程中，經常有需要表示“加載中”或者“請等待”的這么一個狀態提示，我原來的做法是會通過找一張gif圖片來表示這一狀態，但是如果使用gif圖片的話，會有以下幾個問題

1. 在不同頁面中，需要顯示不同的顏色來適配頁面的整體配色風格，但是gif動圖是不可能說動態的去設置顏色的，這使得在一些頁面中顯得與整體設計風格不相符合，如果說每個頁面都單獨去準備一個gif動圖的話，工作量又太大，不合適

2. 同樣的原因，就不方便

2. 多一張動圖總歸會對安裝包的整體大小有影響

3. 當項目中有下拉刷新功能時，會看到下拉刷新也有一個“刷新中”的動圖，那么一個項目里，最好就是所有的動圖都統一

在學習文檔的時候，我找到了“LoadingProgress”組件，完美的符合我的要求

首先，LoadingProgress可以通過color屬性來設置顏色，官方的說法叫“設置加載進度條前景色”，那么也就是說可以根據當前頁面的配色方案進行設置，當然，也就可以適配深色模式了

其次，這是一個組件，那么不存在占空間的問題

最后，這就是下拉刷新中的那個動畫圖片……一摸一樣

解決了我所有的需求

使用起來也很簡單，就是當一個正常的組件去寫就可以。當然，作為一個要表示“加載中”的組件，他肯定是需要有顯示和隱藏的

對于這個問題，官方對這個組件有一個單獨的屬性叫“enableLoading”，默認為true，false的話就是不顯示，但當其不顯示的時候（即為false），這個組件依然占位，這我覺得其實是和LoadingProgress的實際用途背景相悖的，它就應該在頁面數據獲取或者某件要等待的事請完成后消失，所以建議使用IF來進行控制

代碼如下：

if(this.list.length > 0){
        Column() {
          LoadingProgress()
            .width(50)
            .height(50)
            .color('#E2873F')

          Text('加載中...')
            .fontSize(16)
            .fontColor('#999999')
            .margin({ top: 16 })
        }
        .width('100%')
        .layoutWeight(1)
        .justifyContent(FlexAlign.Center)
      }

?

?