Полезные примеры Android

Полезные примеры Android
Android — элемент управления AutoCompleteTextView

AutoCompleteTextView — это представление, похожее на EditText, за исключением того, что оно показывает список предложений завершения автоматически, когда пользователь вводит текст.

Список предложений отображается в раскрывающемся меню. Пользователь может выбрать оттуда элемент, которым нужно заменить содержимое поля редактирования.

Атрибуты AutoCompleteTextView

Ниже приведены важные атрибуты, связанные с элементом управления AutoCompleteTextView. Вы можете проверить официальную документацию Android для получения полного списка атрибутов и связанных методов, которые вы можете использовать для изменения этих атрибутов во время выполнения.

Sr.No Атрибут и описание
1

android: completionHint

Это определяет подсказку, отображаемую в раскрывающемся меню.

2

android: ЗавершениеHintView

Это определяет вид подсказки, отображаемый в раскрывающемся меню.

3

android: CompletionThreshold

Это определяет количество символов, которое пользователь должен ввести, прежде чем предложения завершения будут отображаться в раскрывающемся меню.

4

android: dropDownAnchor

Это представление, к которому нужно привязать раскрывающийся список автозаполнения.

5

android: dropDownHeight

Это определяет базовую высоту раскрывающегося списка.

6

android: dropDownHorizontalOffset

Количество пикселей, на которое раскрывающийся список должен быть смещен по горизонтали.

7

android: dropDownSelector

Это селектор в раскрывающемся списке.

8

android: dropDownVerticalOffset

Количество пикселей, на которое раскрывающийся список должен быть смещен по вертикали.

9

android: dropDownWidth

Это определяет базовую ширину раскрывающегося списка.

10

android: popupBackground

Это устанавливает фон.

пример

В этом примере вы выполните простые шаги, чтобы показать, как создать собственное приложение для Android с помощью Linear Layout и AutoCompleteTextView.

Шаг Описание
1 Вы будете использовать Android Studio IDE для создания Android-приложения и назовете его GUIDemo3 в пакете com.example.guidemo3, как описано в главе « Пример Hello World» .
2 Измените файл src / MainActivity.java, чтобы добавить событие щелчка.
3 Измените содержимое файла res / layout / activity_main.xml по умолчанию, чтобы включить элемент управления пользовательского интерфейса Android.
4 Определите необходимые константы в файле res / values ​​/ strings.xml
5 Запустите приложение, чтобы запустить эмулятор Android и проверить результат изменений, внесенных в приложение.

Ниже приводится содержимое измененного файла основного действия src / com.example.guidemo3 / MainActivity.java . Этот файл может включать каждый из основных методов жизненного цикла.

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 при настройке среды. Чтобы запустить приложение из Android Studio, откройте один из файлов активности проекта и щелкните Значок запуска Eclipseзначок « Выполнить» на панели инструментов. Android Studio устанавливает приложение на ваш AVD и запускает его, и, если с вашей настройкой и приложением все в порядке, оно отобразит следующее окно эмулятора —

Следующий экран появится после того, как в AutoCompleteTextView будет введено «pa» —

Элемент управления Android AutoCompleteTextView

Упражнение

Я рекомендую попробовать приведенный выше пример с разными атрибутами AutoCompleteTextView в XML-файле макета, а также во время программирования, чтобы иметь другой внешний вид AutoCompleteTextView. Попробуйте сделать его редактируемым, измените цвет шрифта, семейство шрифтов, ширину, размер текста и т. Д. И посмотрите результат. Вы также можете попробовать приведенный выше пример с несколькими элементами управления AutoCompleteTextView в одном действии.

Select the fields to be shown. Others will be hidden. Drag and drop to rearrange the order.
  • Image
  • SKU
  • Rating
  • Price
  • Stock
  • Availability
  • Add to cart
  • Description
  • Content
  • Weight
  • Dimensions
  • Additional information
  • Attributes
  • Custom attributes
  • Custom fields
Click outside to hide the compare bar
Compare