4.9.在一個(gè)搜索域中高亮顯示用戶輸入

2024-04-27 13:51:54

字體：大中小

供稿：網(wǎng)友

4.9.1. 問(wèn)題
我想創(chuàng)建這樣一個(gè)TextArea，一個(gè)用戶在TextInput 中輸入的文本可以在這個(gè)TextArea 被搜索到同時(shí)高亮顯示搜索到的內(nèi)容。
4.9.2. 解決辦法
使用flash.text.TextField 對(duì)象并設(shè)置它的alwaysShowSelection 屬性為true。然后用setSelection方法來(lái)設(shè)置被選文字的起始索引和長(zhǎng)度。
4.9.3. 討論
mx.controls.TextArea 組件需要將焦點(diǎn)聚在它的身上來(lái)顯示文本的選擇。要做到這個(gè)，你可以創(chuàng)建一個(gè)TextArea 組件的子類，這樣你就可以訪問(wèn)TextArea 包含的flash.text.TextField:

-ActionScript

public function createComp():void{
textField.alwaysShowSelection = true;
}

把a(bǔ)lwayShowSelection 屬性設(shè)置為true 意味著不管是否在焦點(diǎn)上，TextField 都會(huì)顯示選擇了的文本。現(xiàn)在每當(dāng)setSelection 方法被調(diào)用時(shí)，TextArea 組件中的TextField 都會(huì)顯示，同時(shí)TextArea 的滑動(dòng)條會(huì)自動(dòng)滾動(dòng)到正確的位置來(lái)顯示選擇的文本。

-XML

<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="1000" height="800"
xmlns:cookbook="oreilly.cookbook.*">
<mx:Script>
<![CDATA[
[Bindable]
private var text_string:String = "Aenean quis nunc id purus pharetra haretra. Cras a felis sit amet ipsum ornare luctus. Nullam scelerisque" +
" placerat velit. Pellentesque ut arcu congue risus facilisis pellentesque. Duis in enim. Mauris eget est. Quisque tortor. ";
private function searchText():void
{
var index:int = masterText.text.indexOf(input.text);
masterText.verticalScrollPosition = 0;
if(index != -1)
{
masterText.setSelection(index,
index+input.text.length);
}
}

]]>
</mx:Script>
<mx:TextInput id="input" change="searchText()"/>
<cookbook:SpecialTextArea editable="false" id="masterText"
text="{text_string}" fontSize="20" width="600" height="200"
x="200"/>
</mx:Canvas>