Android開發教程：搜索關鍵字飛入飛出效果

好多應用在搜索界面都有關鍵字飛入飛出的效果。我自己也實現了下。先上效果圖：

實現該效果需要解決以下五點：

1.布局的選用。
2.確定動畫區域，即布局的寬高。
3.對關鍵字坐標的隨機分配。
4.對隨機分配的坐標進行向中心靠攏。
5.動畫的實現。

下面各個擊破：
1.布局的選用。
在五種常用布局中，可實現此效果的有AbsoluteLayout、FrameLayout、RelativeLayout三種。一開始我選用的AbsoluteLayout，運行結果出來後，發現AbsoluteLayout下的TextView一旦超出其顯示范圍，超出的范圍將無法顯示，而余下的兩種布局，其超出的范圍會自動換行顯示出來(TextView長度超出父組件顯示范圍可在代碼中避免，此處僅是舉例，說明AbsoluteLayout的先天不足)。另，官方已不再推薦使用AbsoluteLayout，所以本處憑個人喜好我選用FrameLayout。

FrameLayout如何實現AbsoluteLayout對其子組件進行定點放置呢？答案在FrameLayout.LayoutParams上。該類有相關屬性為leftMargin及topMargin。要將子組件左上角定點放置在其父組件中的(x,y)處，僅需對leftMargin賦值為x，對topMargin賦值為y即可。

2.確定動畫區域，即布局的寬高。
在對顯示關鍵字TextView進行分配坐標之前，應該要先知道父組件的寬高各有多少可供隨機分配。
獲取寬高使用到OnGlobalLayoutListener。本例中KeywordsFlow繼承自FrameLayout，同時也實現了OnGlobalLayoutListener接口，在其初始化方法init()中設置了監聽getViewTreeObserver().addOnGlobalLayoutListener(this);
當監聽事件被觸發時，即可獲取而已的寬高。

1. public void onGlobalLayout() {
2. int tmpW = getWidth();
3. int tmpH = getHeight();
4. if (width != tmpW || height != tmpH) {
5. width = tmpW;
6. height = tmpH;
7. show();
8. }
9. }

3.對關鍵字坐標的隨機分配。
TextView坐標的隨機是否到位分配決定著整體效果的好壞。
本例設定關鍵字最多為10個，在布局的X Y軸上各自進行10等分。每個關鍵字依照其添加順序隨機各自在X軸和Y軸上選擇等分後的10點中的某個點為margin的值。此值為糙值，需要對X軸進行越界修正，對Y軸進行向中心靠攏修正。對X軸坐標的修正為如下：

1. // 獲取文本長度
2. Paint paint = txt.getPaint();
3. int strWidth = (int) Math.ceil(paint.measureText(keyword));
4. xy[IDX_TXT_LENGTH] = strWidth;
5. // 第一次修正:修正x坐標
6. if (xy[IDX_X] + strWidth > width - (xItem >> 1)) {
7. int baseX = width - strWidth;
8. // 減少文本右邊緣一樣的概率
9. xy[IDX_X] = baseX - xItem + random.nextInt(xItem >> 1);
10. } else if (xy[IDX_X] == 0) {
11. // 減少文本左邊緣一樣的概率
12. xy[IDX_X] = Math.max(random.nextInt(xItem), xItem / 3);
13. }