Android仿英語流利說取詞放大控件的實現(xiàn)方法(附demo源碼下載)

更新時間：2016年02月15日 11:23:51 作者：bigconvience

這篇文章主要介紹了Android仿英語流利說取詞放大控件的實現(xiàn)方法,較為詳細(xì)的分析了取詞放大控件的實現(xiàn)步驟與相關(guān)技巧,需要的朋友可以參考下

本文實例講述了Android仿英語流利說取詞放大控件的實現(xiàn)方法。分享給大家供大家參考，具體如下：

1 取詞放大控件

英語流利說是一款非常幫的口語學(xué)習(xí)app，在app的修煉頁面長按屏幕，會彈出一個放大鏡，當(dāng)手指移到某個單詞的附近，可以看到該英文單詞會被選中，效果如下圖所示：

2 代碼示例

該控件挺有意思，于是我寫了個簡單的demo，完整實例代碼點擊此處本站下載。,程序運行后的效果如下：

3 實現(xiàn)原理

該控件的實現(xiàn)原理比較簡單，下面介紹幾個比較重要的類

① WordView

在實習(xí)該控件的過程中，我發(fā)現(xiàn)看似普通的TextView，其功能異常的強大，TextView的源碼值得研究。WordView的主要功能是根據(jù)touch的位置，選擇其附近的單詞，然后更改選中單詞的顏色，關(guān)鍵代碼如下：

public void trySelectWord(MotionEvent event) {
  Layout layout = getLayout();
  if (layout == null) {
    return;
  }
  int line = layout.getLineForVertical(getScrollY() + (int) event.getY());
  final int index = layout.getOffsetForHorizontal(line, (int) event.getX());
  Word selectedWord = getWord(index);
  if (selectedWord != null) {
    mSpannableString.setSpan(mForegroundColorSpan,
        selectedWord.getStart(), selectedWord.getEnd(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
    setText(mSpannableString);
    mSelectedWord = getText().subSequence(selectedWord.getStart(), selectedWord.getEnd()).toString();
    mOnWordSelectListener.onWordSelect();
  }
}

② ExercisePanel

該控件主要用來顯示放大鏡，原理比較簡單，就不介紹了。

更多關(guān)于Android相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《Android資源操作技巧匯總》《Android開發(fā)入門與進階教程》、《Android控件用法總結(jié)》、《Android短信與電話操作技巧匯總》及《Android多媒體操作技巧匯總(音頻,視頻,錄音等)》

希望本文所述對大家Android程序設(shè)計有所幫助。

您可能感興趣的文章: