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

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

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

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

1 取詞放大控件

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

2 代碼示例

該控件挺有意思，于是我寫(xiě)了個(gè)簡(jiǎn)單的demo，完整實(shí)例代碼點(diǎn)擊此處本站下載。,程序運(yùn)行后的效果如下：

3 實(shí)現(xiàn)原理

該控件的實(shí)現(xiàn)原理比較簡(jiǎn)單，下面介紹幾個(gè)比較重要的類(lèi)

① WordView

在實(shí)習(xí)該控件的過(guò)程中，我發(fā)現(xiàn)看似普通的TextView，其功能異常的強(qiáng)大，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

該控件主要用來(lái)顯示放大鏡，原理比較簡(jiǎn)單，就不介紹了。

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

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

您可能感興趣的文章: