Бағдаршам жасау

Зертханалық жұмыстың тақырыбы: Бағдаршам жасау

Сабақтын мақсаты: Студенттерге бағдаршам жасау жолын үйрету

Сабақтын жоспары:

1. Тапсырмаларды компьютерде орындау.

2. Орындалған жұмыс туралы есеп беру.

Өткізу түрі: Offline кеңес беру

Дағдыларды бекіту үшін алдыңғыға қарағанда күрделірек қосымша құрамыз, сонымен қатар бағдарламалаудың басқа да тәсілдерімен танысамыз.

Үлгі ретінде «Бағдаршам» шартты атымен бағдарлама жазамыз. Бағдарлама интерфейсі келесідей бейнеленеді. Қызыл экранда үш батырма және бір мәтіндік жазба орналасқан. Батырмаларды басқанда бағдарламаның фоны белгілі батырмаға бекітілген сәйкес түске ауысады. Мен сіздерге өздеріңізді сенімді сезіну үшін, тапсырманы әр түрлі жағынан шешуді көрсетемін.

Бірінші қадамдар толығымен анық. "Hello, World" негізінде жаңа жоба құрамыз, және құралдар тақтасынан екі (әзірге) батырманы сүйрейміз. Ары қарай оларды экранның ені бойынша созамыз. Құралдар тақтасынан форма үстінде ↔ екіжақты бағдар бейнеленген Toggle Fill Width батырмасын табыңыз. Сондай-ақ мұны қолмен істей аласыз – ол үшін қасиеттер терезесінде match_parent мағыналы layout:width қасиетін меншіктейміз.

Component Tree терезесінде button жолын ерекшелеңіз. Сізде Properties қасиеттер терезесі пайда болуы тиіс. Стандартты идентификаторлардан құтылайық, мағыналы атаулар беруге бірден үйренеміз. Мысалы, бірінші батырма үшін стандартты @+id/button орнына buttonRed мағынады id қасиетін тағайындаймыз.

Екінші батырма үшін buttonYellow мағынасын тағайындаймыз, бірақ оны басқаша жасаймыз. Батырмадағы идентификатор мен мәтін бөлігін ауыстыруға тура келетін негізгі атрибуттар болып табылады. Берілген атрибуттарды қасиеттер тізімінен іздемеу үшін, батырманың өзін екі рет басыңыз және диалогтық терезеде керекті мағынаны енгізіңіз.

Енді үшінші батырманы визуалды жобалау арқылы емес, код арқылы құрып көреміз. Ол үшін басты терезеде Design ішкі бетінен Text ішкі бетіне ауысыңыз. Мұнда сіз бағдарламаның XML-белгілеуін көресіз, оның ішінде екі батырма үшін кодты да көресіз.

Бәлкім, үшінші батырманы қалай құратынын түсінген боларсыз. Жай ғана үлгіге екі батырманың кез келгенінің кодын алу керек, және олардың астына </RelativeLayout> жабылу тегінің алдына жаңа жолды қосу керек (идентификатор мен android:layout_below атрибутын өзгертуді ұмыстпаңыз):

<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" >

<TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerHorizontal="true"

android:layout_centerVertical="true"

android:text="@string/hello_world" />

<Button

android:id="@+id/buttonRed"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_alignParentTop="true"

android:text="Button" />

<Button

android:id="@+id/buttonYellow"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_below="@+id/buttonRed"

android:text="Button" />

<Button

android:id="@+id/buttonGreen"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_below="@+id/buttonYellow"

...