Tworzenie aplikacji mobilnych

Slides:



Advertisements
Podobne prezentacje
Programowanie obiektowe
Advertisements

Metody pozycjonowania elementów na stronie www
Zastosowanie technologii medialnych i internetowych Wygląd witryny krok po kroku Wykład dr in ż. Jacek Wachowicz
Style CSS.
Podstawy języka Java Nguyen Hung Son Uniwersytet Warszawski.
Widoki.
Sponsor główny: Bartosz Michalik Perspektywy czyli każdy może mieć swój punkt widzenia.
Projektowanie interfejsu Pakiet AWT, komponenty i kontenery, klasa Component, metody klasy Component, klasa Label, komponenty tekstowe, klasa TextField,
Programowanie wielowątkowe
Style definiujące tabele
Plan Prezentacji Wczytywanie grafiki Wyświetlanie obrazów
FORMATOWANIE 3 Język WML został stworzony z myślą o małych, nieskomplikowanych przeglądarkach. Przeglądarki WML są monochromatyczne, czyli używają tylko.
Budowa i układ strony dokumentu
Style CSS - Pozycjonowanie
Tworzenie stron internetowych www World Wide Web
OPRACOWAŁ : KONRAD MIGAŁA iz krótki tekst Krótki tekst Do formatowania tekstu użyjemy znacznika jest to znacznik który umożliwia utworzenie akapitu.
Sekrety klawiatury czyli jak sobie poradzić bez myszki
języka hipertekstowego
Czym jest JavaFX? Rich Internet Application
Tworzenie aplikacji mobilnych
Warsztaty v2 Layout’y i widget’y
Do czego służą tabulatory?
Programowanie obiektowe
Tworzenie aplikacji mobilnych
Programowanie obiektowe
HTML cz. 2 Znaczniki i ich parametry
Tworzenie aplikacji mobilnych
JAVA c.d.. Instrukcji wyboru SWITCH używamy, jeśli chcemy w zależności od wartości pewnego wyrażenia wykonać jeden z kilku fragmentów kodu. Jest to w.
Specjalizacja "Dziennikarstwo On-line„ Arkusze stylów – CSS Część 5 Prowadzący: Dariusz Jaruga
Cascading Style Sheets
HTML Hyper Text Markup Language komputerowe Esperanto cz. II Obiekty podstawowe na stronach.
Temat 10: Tabele. Tabele stanowią obecnie jeden ze sposobów prezentowania danych. Początkowo były wykorzystywane do tworzenia układów stron, które teraz.
Temat 5: Pozycjonowanie elementów
  ELEMENTY JĘZYKA JAVA komentarze w Javie, słowa kluczowe i operatory, proste typy danych, tablice, podstawowy zestaw instrukcji.
HTML Hyper Text Markup Language
Aplikacje internetowe
Aplikacje internetowe
Elementy multimedialne na stronie
Aplikacje internetowe Tabele Ciąg dalszy. Wprowadzanie złamań wiersza Często, najprostszym sposobem wpływania na układ tabeli jest wprowadzenie łamań.
Aplikacje internetowe Grafika na stronach WWW ciąg dalszy Atrybuty znacznika body.
Tabele. TABELE Konstrukcja tabeli: Określa ramy tabeli określamy wiersz tabeli określamy komórkę tabeli.
Aplikacje internetowe
Aplikacje internetowe
Aplikacje internetowe
Treści multimedialne - kodowanie, przetwarzanie, prezentacja Odtwarzanie treści multimedialnych Andrzej Majkowski informatyka +
Aplikacje internetowe Formatowanie tekstu w HTML-u ciąg dalszy.
Projektowanie Aplikacji Internetowych
Programowanie strukturalne i obiektowe C++ Przeładowanie operatorów Robert Nowak.
Aplikacje internetowe
HTML Hyper Text Markup Language komputerowe Esperanto cz. III polecenia konstrukcyjne strony.
Aplikacje internetowe
Tabele w edytorze tekstu. Sposoby wstawiania tabeli poleceniem Wstaw tabelę poleceniem Rysuj tabelę.
Kolumny, tabulatory, tabele, sortowanie
Android - cykl życia aplikacji, przykład prostej aplikacji
Kaskadowe arkusze stylów CSS. Reguła CSS – definiuje sposób formatowania elementów na stronie WWW Części składowe reguły CSS selektor{ właściwość: wartość;
Wykład 4 Informatyka MPDI sem.3 HTML cd. Arkusze stylów - CSS.
HTML, XHTML, CSS Model pudełka.  Wszystkie elementy w HTML mogą być rozważane jako pudełka. W CSS model pudełka dotyczy projektu i układu. Składa się.
PODSTAWY PRACY W PROGRAMIE AUTOCAD OPISYWANIE RYSUNKÓW: ‒style tekstu; ‒wprowadzanie tekstu tekst wielowierszowy tekst jednowierszowy ‒edycja tekstu. WYMIAROWANIE.
ZNAKI PIONOWE NAKAZU Nakaz jazdy w prawo przed znakiem
Zasady formatowania szkolnej pracy pisemnej
Odległość między środkiem koła i punktem startowymw kierunku osi X
Piotr Grzegorzewski klasa 1GB (rok szkolny 2011/2012)
Arkusz stylów CSS Cascading Style Sheet.
SMB – Pierwszy projekt Michail Mokkas.
Programowanie obiektowe – zastosowanie języka Java SE
KUSUDAMA
SMB Interfejs graficzny (widoki)
Tworzenie wątków w Javie
Zapis prezentacji:

Tworzenie aplikacji mobilnych Android Kontenery

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_weight Identyfikuje 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" <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" > <Button android:text="Fifty Percent" android:layout_height="0dip" android:layout_weight="50" /> android:text="Thirty Percent" android:layout_weight="30" android:text="Twenty Percent" android:layout_weight="20" </LinearLayout>

<. xml version="1. 0" encoding="utf-8" <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns: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"> <RadioButton android:id="@+id/horizontal" android:text="horizontal" /> android:id="@+id/vertical" android:text="vertical" /> </RadioGroup> <RadioGroup android:id="@+id/gravity" android:id="@+id/left" android:text="left" /> android:id="@+id/center" android:text="center" /> android:id="@+id/right" android:text="right" /> </LinearLayout>

import android. app. Activity; import android. os 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); case R.id.left: gravity.setGravity(Gravity.LEFT); case R.id.center: gravity.setGravity(Gravity.CENTER_HORIZONTAL); case R.id.right: gravity.setGravity(Gravity.RIGHT);

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.

<RelativeLayout xmlns:android="http://schemas. android <RelativeLayout xmlns: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"/> <EditText android:id="@id/entry" android:layout_toRightOf="@id/label" android:layout_alignParentTop="true"/> <Button android:id="@+id/ok" android:layout_below="@id/entry" android:layout_alignRight="@id/entry" android:text="OK" /> android:id="@+id/cancel" android:layout_toLeftOf="@id/ok" android:layout_alignTop="@id/ok" android:text="Cancel" /> </RelativeLayout>

<. xml version="1. 0" encoding="utf-8" <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" > <Button android:text="I AM BIG" android:textSize="120dip" android:textStyle="bold" /> android: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:" /> <EditText android:id="@+id/entry" android:layout_span="3"/> </TableRow>

Kolumny <TableRow> <Button android: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" <?xml version="1.0" encoding="utf-8"?> <TableLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:stretchColumns="1"> <TableRow> <TextView android:text="URL:" /> <EditText android:id="@+id/entry" android:layout_span="3"/> </TableRow> <View android:layout_height="2dip" android:background="#0000FF" /> <Button android:id="@+id/cancel" android:layout_column="2" android:text="Cancel" /> <Button android:id="@+id/ok" android:text="OK" /> </TableLayout>

ScrollView <?xml version="1.0" encoding="utf-8"?> <ScrollView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="wrap_content"> <TableLayout android:layout_height="fill_parent" android:stretchColumns="0"> <TableRow> <View android:layout_height="80dip" android:background="#000000"/> <TextView android:text="#000000" android:paddingLeft="4dip" android:layout_gravity="center_vertical" /> </TableRow> android:background="#440000" /> <TextView android:text="#440000" ….. </TableLayout> </ScrollView>