Դաս 14.3 – Android Development: AutoCompleteTextView Control

0

AutoCompleteTextView-ը view է, որը նման է EditText-ին, բացառությամբ նրան, որ ցուցադրում է ավտոմատ առաջարկների ավարտում, երբ օգտատերը դեռ տպում է:

Առաջարկների ցուցակը ցուցադրված է drop down մենյուի մեջ: Օգտատերը կարող է ընտրել իր, և այնտեղից փոխարինել edit box-ի բովանդակությունը:

AutoCompleteTextView Ատրիբուտներ

Հետևյլաները AutoCompleteTextView-ի ի կարևոր ատրիբուտներ են:

Sr.No Ատրիբուտ & Նկարագրություն
1 android:completionHint

Սա բացատրում է  ակնարկը, որը ցուցադրված է drop down մենյու-ի մեջ:

2 android:completionHintView

Սա բացատրում է  ակնարկը, որը ցուցադրված է drop down մենյու-ի մեջ:

3 android:completionThreshold

Սա բացատրում է կերպարների քանակը, որը օգտատերը պետք է տպի մինչև առաջարկների ավարտումը կցուցադրվի drop down մեյուի մեջ:

4 android:dropDownAnchor

Սա View-ն է,որը կամրացնի auto-complete dropdown-ը:

5 android:dropDownHeight

Սա հատկորոշում է dropdown-ի հիմնական բարձրությունը:

6 android:dropDownHorizontalOffset

Պիքսելների քանակը, որով drop down-ը պետք է հորիզոնական կերպով չեզոքացվի:

7 android:dropDownSelector

Սա drop down ցուցակի ընտրիչն է:

8 android:dropDownVerticalOffset

Պիքսելների քանակը, որով drop down-ը պետք է ուղղահայաց կերպով չեզոքացվի

9 android:dropDownWidth

Սա հատկորոշում է dropdown-ի հիմնական լայնությունը:

10 android:popupBackground

Սա բացատրում է հետի պլանը:

Օրինակ

Այս օրինակը կտանի ձեզ պարզ քայլերով ցույց տալու ինչպես ստեղծել ձեր իսկ Android հավելվածը օգտագործելով Linear Layout և AutoCompleteTextView:

Քայլ Նկարագրություն
1 Կօգտագործեք  Android Studio IDE ստեղծելու Android հավելված և անվանեք այն GUIDemo3  com.example.guidemo3  –ի փաթեթի ներքո, ինչպես բացատրված է Hello World Example գլխում:
2 Փոփոխեք src/MainActivity.java  ֆայլը ավելացնելու click event:
3 Փոփոխեք res/layout/activity_main.xml ֆայլի դեֆոլտ բովանդակությունը, որը կներառի մի քանի կոճակներ գծային նախագծում:
4 Սահմանեք անհրաժեշտ բաղադրիչները res/values/strings.xml ֆայլում:
5 Միացրեք հավելվածը մեկնարկելու  Android էմուլյատորը և հաստատեք փոփոխման արդյունքը հավելվածում:

Հետևյալը փոփոխված գլխավոր գործունեության բովանդակությունն է src/com.example.guidemo3/MainActivity.java: Այս ֆայլը կարող է ներառել յուրաքանչյուր հիմնարար lifecycle մեթոդներ:

package com.example.guidemo3;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.widget.ArrayAdapter;
import android.widget.AutoCompleteTextView;

public class MainActivity extends Activity {
   AutoCompleteTextView autocomplete;
   
   String[] arr = { "Paries,France", "PA,United States","Parana,Brazil", 
      "Padua,Italy", "Pasadena,CA,United States"};
   
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);

      autocomplete = (AutoCompleteTextView)             
      findViewById(R.id.autoCompleteTextView1);

      ArrayAdapter<String> adapter = new ArrayAdapter<String>  
      (this,android.R.layout.select_dialog_item, arr);

      autocomplete.setThreshold(2);
      autocomplete.setAdapter(adapter);
   }
}

Հետևյալը կլինի res/layout/activity_main.xml ֆայլի բովանդակությունը −

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:tools="http://schemas.android.com/tools"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:paddingBottom="@dimen/activity_vertical_margin"
   android:paddingLeft="@dimen/activity_horizontal_margin"
   android:paddingRight="@dimen/activity_horizontal_margin"
   android:paddingTop="@dimen/activity_vertical_margin"
   tools:context=".MainActivity" >
   
   <TextView
      android:id="@+id/textView2"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_alignParentTop="true"
      android:layout_centerHorizontal="true"
      android:layout_marginTop="25dp"
      android:text="@string/example_autocompletetextview" />
      
   <AutoCompleteTextView
      android:id="@+id/autoCompleteTextView1"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_alignLeft="@+id/textView2"
      android:layout_below="@+id/textView2"
      android:layout_marginTop="54dp"
      android:ems="10" />
    
</RelativeLayout>

Հետևյալը կլինի res/values/strings.xml-ի բովանդակությունը բացատրելու երկու նոր բաղադրիչներ −

<?xml version="1.0" encoding="utf-8"?>
<resources>
   <string name="app_name">GUIDemo3</string>
   <string name="example_autocompletetextview">Example showing AutoCompleteTextView<
   /string>
</resources>

Հետևյալը AndroidManifest.xml բովանդակության դեֆոլտն է:

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
   package="com.example.guidemo3" >
  
      
   <application
      android:allowBackup="true"
      android:icon="@drawable/ic_launcher"
      android:label="@string/app_name"
      android:theme="@style/AppTheme" >
      
      <activity
         android:name="com.example.guidemo3.MainActivity"
         android:label="@string/app_name" >
      
         <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
         </intent-filter>
      
      </activity>
      
   </application>
</manifest>

Եկեք փորձենք մեր GUIDemo3 հավելվածը, որն նոր ստեղծեցինք: Ենթադրում ենք, որ ստեղծել եք ձեր AVD  environment set-up անելիս: Հավելվածը միացնելու համար Android Studio-ից, բացեք ձեր պրոյեկտների գործունեության ֆայլերից և սեղմեք Run կոճակին: Android Studio-ն ներբեռնում է հավելվածը ձեր AVD-ի վրա և սկսեք հավելվածը գործել, և եթե ամեն ինչ նորմալ է ձեր կարգավորումների հետ, հավելվածը կցուցադրի Էմուլյատոր պատուհան, որտեղ մենք կսեղմենք Menu կոճակը, տեսնելու հետևյալ պատուհանը:

auto

Հարգելի ընթերցող, խնդրում ենք չմոռանալ like տալ մեր ֆեյսբուքյան էջին, քանի որ նորությունների մեծ մասը առաջինը տեղադրվում է հենց այնտեղ։ Ինչպես նաև հետևեք մեզ այլ սոցիալական ցանցերում և, իհարկե, գրանցվեք մեր բլոգում։

Share.