Android interface

1. Android User Interface - Controls
МБДС-МТТ

2. User interface
• Хэрэглэгчийн интерфэйсийг XML хэл дээр
зурдаг. XML файл нь дараах байдалтай
эхлэнэ.
• <?xml version="1.0" encoding="utf-8"?>

3. User interface – Text
• TextView нь нэмэлт сонголтуудаар засварлах боломжтой,
хэрэглэгчид текст харуулдаг контрол юм. EditText нь
textview-тэй адилхан боловч, ялгаатай тал нь өгөгдөл
оруулах боломжтой контрол юм.
Аттрибут Тодорхойлолт
android:id Тухайн textView-д ID оноох
android:capitalize •Хэрэв 0 гэж тохируулсан байвал автоматаар том жижиг
үсэг тохируулагдана. (none)
•Үгүүлбэр бүрийн эхний үсэг томоор – 1 (sentences)
•Үг бүрийн эхний үсэг томоор – 2(words)
•Бүх үсэг томоор – 3(characters)

4. User interface - Text
Аттрибут Тодорхойлолт
android:cursorVisible Курсор харагдах эсэхийг заана. True/false утга авна. Default утга
нь false.
android:editable Хэрэв үнэн утгатай байвал өгөгдөл оруулах боломжтой болно.
android:fontFamily Текстийн фонт фамили (стринг нэртэй)
android:gravity Хэрэв текст нь View – с бага агуулгатай байвал текстийн
зэрэгцүүлэлтийг заана.
android:hint Текст хоосон үед харагдах текст
android:inputType Текст оруулах үед орох текстийн төрөл. Ж/нь: Phone, Date,
Time, Number, Password гэх мэт.
android:maxHeight Максимум өндөр
android:maxWidth Максимум өргөн
android:minHeight Минимум өндөр

5. User interface - Text
Аттрибут Тодорхойлолт
android:minWidth Минимум өргөн
android:password Үнэн/Худал утга авна. Үнэн утга авсан үед оруулсан текст *
байдалтай харагдана.
android:phoneNumbe
r
Үнэн/Худал утга авна. Үнэн утга авсан үед оруулсан текст
зөвхөн утасны дугаар оруулах боломжтой болно.
android:text Текст
android:textSize Текстийн хэмжээ.
android:textColor Текстийн өнгө. Өнгийг #rrbbgg форматаар оруулна.
android:textColorHigh
light
Текст идэвхижих үед тодруулах өнгө
android:textColorHint Хинт текстийн өнгө
android:textStyle Текстийн стайл (bold || italic || normal)

6. User interface - Text
Аттрибут Тодорхойлолт
android:autoText Хэрэв үнэн утга авсан бол, гараас оруулсан текстэнд
алдаа байвал автоматаар зөв болгоно.
android:drawableBo
ttom
Текст харуулах хэсэгт зураг оруулах (Top || Right || Left)
android:background Арын дэвсгэр өнгө

7. AutoComplete TextView
Аттрибут Тодорхойлолт
android:completionThresho
ld
Хэрэглэгч хичнээн тэмдэгт
гараас оруулсны дараа
автоматаар дүүргэлт
хийхийг заана.
android:dropDownHeight Жагсаалтын өндөр
android:dropDownWidth Жагсаалтын өргөн
android:popupBackground Дэвсгэр өнгө

8. AutoComplete TextView
Өгөгдсөн жагсаалтаас сонгох боломжтой текст
харуулах, оруулах контрол.
Жишээ:
<AutoCompleteTextView
android:id="@+id/autotxt1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="54dp" />

9. AutoComplete TextView
AutoCompleteTextView atxt;
String[] arr = {"Даваа", "Мягмар", "Лхагва",
"Пүрэв" , "Баасан"};
atxt = (AutoCompleteTextView)
findViewById(R.id.autotxt1);
ArrayAdapter adapter = new ArrayAdapter
(this,android.R.layout.select_dialog_item, arr);
atxt.setThreshold(1);
atxt.setAdapter(adapter);

10. Гадаад үсгийн фонт ашиглах
String fontPath = "fonts/Face Your Fears.ttf";
// TextView зарлах
TextView txt = (TextView) findViewById(R.id.txt1);
// Фонт фэйс объект үүсгэх
Typeface tf = Typeface.createFromAsset(getAssets(),
fontPath);
// Фонт тохируулах
txtGhost.setTypeface(tf);

11. ImageButton
• Энэ нь ерөнхий Button-той адилхан боловч
текстийн оронд зураг харагдана.
• android:adjustViewBounds
• android:baselineAlignBottom
• android:cropToPadding
• android:src гэсэн утгууд авна.

12. Toggle Button
• Энэ түлхүүр товч буюу асааж унтраах
зориулалт бүхий товч юм. Ерөнхий үйл
ажиллагаа нь radioButton, checkbox-той
адилхан.
Аттрибут Тодорхойлолт
android:textOff Товч унтраалттай байх үед харагдах текст
android:textOn Товч асаалттай байх үед харагдах текст

13. Жишээ
<ToggleButton
android:id="@+id/toggleBtn1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="40dp"
android:textOn="Airplane Mode On"
android:textOff="Airplane Mode Off"/>

14. Жишээ
final ToggleButton tbtn =
(ToggleButton)findViewById(R.id.toggleBtn1);
tbtn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v)
{
Toast.makeText(getApplicationContext(), tbtn.getText(),
Toast.LENGTH_LONG).show();
}
});

16. Style and theme
• Андройд хэлбэржүүлэлт нь ерөнхий CSS-н хэлбэржүүлэлттэй
төстэй ажиллана.(padding, marging, height, width, font гэх мэт)
• Style зарлахдаа res/values/ дотор XML файлаар зарлана. XML
файлын бүтэц дараах байдалтай байна.
<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name=“style_name">
<item name="android:layout_width">fill_parent</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:capitalize">characters</item>
</style>
</resources>
<item> -н утга нь түлхүүр үг, 16тын өнгөний утга, бусад утгууд авах
боломжтой. Ж/нь. 16dp, #00FF00, wrap_content гэх мэт

17. Жишээ: style.xml Файл
<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="CustomFontStyle">
<item name="android:layout_width">fill_parent</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:capitalize">characters</item>
<item name="android:typeface">sans</item>
<item name="android:textSize">16pt</item>
<item name="android:textColor">#00FFFF</item>
</style> </resources>

18. Жишээ: activity_main.xml Файл
<TextView
android:id="@+id/textView1“
style="@style/txtStyle“
android:layout_below="@+id/toggleBtn1"
android:layout_centerHorizontal="true"
android:layout_marginTop="18dp"
android:text="Large Text"/>

19. Style and theme
• Зарлаж өгсөн style-г өөрийн үүсгэсэн бүх
активити болон апп-д ашиглах боложтой.
Ингэхдээ AndroidManifest.xml файлд дараах
мөрүүдийг нэмж өгнө.
<application android:theme="@style/txtstyle">
<activity android:theme="@style/txtstyle">