Tworzenie aplikacji mobilnych

AndroidKontenery

LinearLayout

• android:layout_width• android:layout_height– 125dip– wrap_content– fill_parent (match_parent wprowadzone w

android 2.2)

Orientacja

• android:orientation– HORIZONTAL – VERTICAL

• setOrientation()

• android:layout_weightIdentyfikuje proporcjonalną wartość wolnej przestrzeni dla widgetu.

Gravity

• android:layout_gravity– left, – center_horizontal, – right– center_vertical

Weight

• android:layout_marginTop• android:layout_margin

<?xml version="1.0" encoding="utf-8"?><LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical"android:layout_width="fill_parent"android:layout_height="fill_parent">

<Buttonandroid:text="Fifty Percent"android:layout_width="fill_parent"android:layout_height="0dip"android:layout_weight="50"/><Buttonandroid:text="Thirty Percent"android:layout_width="fill_parent"android:layout_height="0dip"android:layout_weight="30"/><Buttonandroid:text="Twenty Percent"android:layout_width="fill_parent"android:layout_height="0dip"android:layout_weight="20"/>

</LinearLayout>

<?xml version="1.0" encoding="utf-8"?><LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical"android:layout_width="fill_parent"android:layout_height="fill_parent">

<RadioGroup android:id="@+id/orientation"android:orientation="horizontal"android:layout_width="wrap_content"android:layout_height="wrap_content"android:padding="5dip">

<RadioButtonandroid:id="@+id/horizontal"android:text="horizontal" /><RadioButtonandroid:id="@+id/vertical"android:text="vertical" />

</RadioGroup><RadioGroup android:id="@+id/gravity"android:orientation="vertical"android:layout_width="fill_parent"android:layout_height="wrap_content"android:padding="5dip">

<RadioButtonandroid:id="@+id/left"android:text="left" /><RadioButtonandroid:id="@+id/center"android:text="center" /><RadioButtonandroid:id="@+id/right"android:text="right" />

</RadioGroup></LinearLayout>

import android.app.Activity;import android.os.Bundle;import android.view.Gravity;import android.text.TextWatcher;import android.widget.LinearLayout;import android.widget.RadioGroup;import android.widget.EditText;public class LinearLayoutDemo extends Activity implements RadioGroup.OnCheckedChangeListener {RadioGroup orientation;RadioGroup gravity;@Override

public void onCreate(Bundle icicle) {super.onCreate(icicle);setContentView(R.layout.main);orientation=(RadioGroup)findViewById(R.id.orientation);orientation.setOnCheckedChangeListener(this);gravity=(RadioGroup)findViewById(R.id.gravity);gravity.setOnCheckedChangeListener(this);}public void onCheckedChanged(RadioGroup group, int checkedId) {switch (checkedId) {case R.id.horizontal:orientation.setOrientation(LinearLayout.HORIZONTAL);break;case R.id.vertical:orientation.setOrientation(LinearLayout.VERTICAL);break;case R.id.left:gravity.setGravity(Gravity.LEFT);break;case R.id.center:gravity.setGravity(Gravity.CENTER_HORIZONTAL);break;case R.id.right:gravity.setGravity(Gravity.RIGHT);break;}}

}

RelativeLayout

Względne położenie widgetów w kontenerze

• android:layout_alignParentTop: Wyrównuje górną krawędź widgetu do górnej krawędzi kontenera

• android:layout_alignParentBottom: Wyrównuje dolną krawędź widgetu do dolnej krawędzi kontenera

• android:layout_alignParentLeft: Wyrównuje lewą krawędź widgetu do lewej krawędzi kontenera

• android:layout_alignParentRight: Wyrównuje prawą krawędź widgetu do prawej krawędzi kontenera

• android:layout_centerHorizontal: Pozycjonuje widget poziomo w środku kontenera

• android:layout_centerVertical: Pozycjonuje widget pionowo w środku kontenera

• android:layout_centerInParent: Pozycjonuje widget jednocześnie poziomo i pionowo w środku kontenera

Położenie względem innego widgetu

• android:layout_above: Określa, że widget powinien być położony ponad widgetem, na który wskazuje znacznik

• android:layout_below: Określa, że widget powinien być położony pod widgetem, na który wskazuje znacznik

• android:layout_toLeftOf: Określa, że widget powinien być położony po lewej stronie widgetu, na który wskazuje znacznik

• android:layout_toRightOf: Określa, że widget powinien być położony po prawejstronie widgetu, na który wskazuje znacznik

Wyrównanie widgetu względem innego

• android:layout_alignTop: Określa, że widget powinien być wyrównany swoją górną krawędzią z górną krawędzią widgetu, na który wskazuje znacznik

• android:layout_alignBottom: Określa, że widget być powinien wyrównany swoją dolną krawędzią z dolną krawędzią widgetu, na który wskazuje znacznik

• android:layout_alignLeft: Określa, że widget być powinien wyrównany swoją lewą krawędzią z lewą krawędzią widgetu, na który wskazuje znacznik

• android:layout_alignRight: Określa, że widget być powinien wyrównany swoją prawą krawędzią z prawą krawędzią widgetu, na który wskazuje znacznik

• android:layout_alignBaseline: Określa wyrównanie dwóch widgetów wzgleem baseline (linia przebiegu tekstu)

Przykład

• android:layout_toRightOf = "@id/widget_a"

• @id/widget_a identyfikator widgetu A.

<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="fill_parent"android:layout_height="wrap_content">

<TextView android:id="@+id/label"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="URL:"android:layout_alignBaseline="@+id/entry"android:layout_alignParentLeft="true"/><EditTextandroid:id="@id/entry"android:layout_width="fill_parent"android:layout_height="wrap_content"android:layout_toRightOf="@id/label"android:layout_alignParentTop="true"/><Buttonandroid:id="@+id/ok"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_below="@id/entry"android:layout_alignRight="@id/entry"android:text="OK" /><Buttonandroid:id="@+id/cancel"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_toLeftOf="@id/ok"android:layout_alignTop="@id/ok"android:text="Cancel" />

</RelativeLayout>

<?xml version="1.0" encoding="utf-8"?><RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="fill_parent"android:layout_height="fill_parent">

<Buttonandroid:text="I AM BIG"android:textSize="120dip"android:textStyle="bold"android:layout_width="fill_parent"android:layout_height="fill_parent"/><Buttonandroid:text="I am small"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerInParent="true"/>

</RelativeLayout>

TableLayout

<TableRow><TextView android:text="URL:" /><EditTextandroid:id="@+id/entry"android:layout_span="3"/>

</TableRow>

Kolumny

<TableRow><Buttonandroid:id="@+id/cancel"android:layout_column="2"android:text="Cancel" /><Button android:id="@+id/ok"

android:text="OK" /></TableRow>

• android:stretchColumns• android:shrinkColumns• android:collapseColumns

• setColumnCollapsed()• setColumnShrinkable()

<?xml version="1.0" encoding="utf-8"?><TableLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="fill_parent"android:layout_height="fill_parent"android:stretchColumns="1">

<TableRow><TextViewandroid:text="URL:" /><EditText android:id="@+id/entry"android:layout_span="3"/></TableRow>

<Viewandroid:layout_height="2dip"android:background="#0000FF" />

<TableRow><Button android:id="@+id/cancel"android:layout_column="2"android:text="Cancel" /><Button android:id="@+id/ok"android:text="OK" /></TableRow>

</TableLayout>

ScrollView<?xml version="1.0" encoding="utf-8"?><ScrollViewxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="fill_parent"android:layout_height="wrap_content">

<TableLayoutandroid:layout_width="fill_parent"android:layout_height="fill_parent"android:stretchColumns="0">

<TableRow><Viewandroid:layout_height="80dip"android:background="#000000"/><TextView android:text="#000000"android:paddingLeft="4dip"android:layout_gravity="center_vertical" />

</TableRow><TableRow>

<Viewandroid:layout_height="80dip"android:background="#440000" /><TextView android:text="#440000"android:paddingLeft="4dip"android:layout_gravity="center_vertical" />

</TableRow> …..

</TableLayout></ScrollView>