03 android studio

21
ANDROID STUDIO

Upload: carla-fabiane-calixto

Post on 12-Jan-2016

48 views

Category:

Documents


2 download

DESCRIPTION

Aula de android

TRANSCRIPT

Page 1: 03 Android Studio

ANDROID STUDIO

Page 2: 03 Android Studio

HISTÓRIA

Page 3: 03 Android Studio

PROJETO NO ANDROID STUDIO

Page 4: 03 Android Studio

PROJETO NO ANDROID STUDIO

FECHE A TELEA DE BOAS VINDAS!

NEW NEW PROJECT

NESSA TELA QUE COLOCAMOS O NOME DA NOSSA APLICAÇÃO

Page 5: 03 Android Studio

PROJETO NO ANDROID STUDIO

AQUI PODEMOS ESCOLHER QUAIS DISPOSITIVOS QUEREMOS

Page 6: 03 Android Studio

PROJETO NO ANDROID STUDIO

ESCOLHEMOS O TEMPLATE DA NOSSA ACTIVITY

Page 7: 03 Android Studio

PROJETO NO ANDROID STUDIO

VAMOS CONFIGURAR AS INFORMAÇÕES RELACIONADAS A ACTIVITY, COMO NOME, LAYOUT,TITULO, MENU

Page 8: 03 Android Studio
Page 9: 03 Android Studio

AVD

TOOLS ANDROID AVD MANGER

Demoro um pouquinho

para aparecer

Page 10: 03 Android Studio

FORMA GRÁFICA

PALETAS

Page 11: 03 Android Studio

ELEMENTOS BÁSICOS

LAYOUTS

TODO LAYOUT E INTERFACE GRÁFICA ESTA INSERIDO EM UM .XML É CRIADO JUNTO COM A ACTIVITY.

PODEMOS UTILIZAR DE DUAS FORMAS POR CÓDIGO OU UTILIZANDO A PALETA

Page 12: 03 Android Studio

CÓDIGO JAVA

SRC/.../MAINACTIVITY.JAVA

PROTECTED VOID ONCREATE(BUNDLE SAVEDINSTANCESTATE) { SUPER.ONCREATE(SAVEDINSTANCESTATE); SETCONTENTVIEW(R.LAYOUT.ACTIVITY_MAIN);}

TODAS AS ACTIVITIES SÃO HERDAM DA CLASSE ACTIONBARACTIVITY

• PARA CADA ACTVITY HÁ UM LAYOUT INDICADO NO CÓDIGO

• QUALQUER COMPONENTE DA TELA É REFERENCIADO NO ARQUIVO R.JAVA

Page 13: 03 Android Studio

LAYOUTS

 LINEAR LAYOUT

É O LAYOUT PADRÃO, CRIADO AUTOMATICAMENTE NA CONSTRUÇÃO DE UM PROJETO.

A)      HORIZONTAL: TODOS OS COMPONENTES INSERIDOS NESSE LAYOUT SÃO COLOCADOS LADO-A-LADO.

B)      VERTICAL: OS COMPONENTES SÃO INSERIDOS UM ABAIXO DO OUTRO.

PRINCIPAIS PROPRIEDADES DO LINEAR LAYOUT:

LAYOUT_WIDTH – LARGURA DO LAYOUT

LAYOUT_HEIGHT – ALTURA DO LAYOUT

ORIENTATION – VERTICAL OU HORIZONTAL

LAYOUT_GRAVITY – DEFINE O LOCAL DE EXIBIÇÃO DO LAYOUT (TOPO, RODAPÉ OU CENTRALIZADO).

Page 14: 03 Android Studio

LAYOUTS

TABLE LAYOUT

NESSE TIPO DE LAYOUT OS OBJETOS SÃO ALOCADOS EM LINHAS E COLUNAS. CADA LINHA É REPRESENTADO PELO COMPONENTE TABLEROW, QUE PERMITE QUE CADA BLOCO SEJA INSERIDO HORIZONTALMENTE, E CADA UM TENHA APENAS UM COMPONENTE VIEW.

Page 15: 03 Android Studio

RELATIVE LAYOUT

É UM DOS LAYOUTS MAIS UTILIZADOS PELOS DESENVOLVEDORES ANDROID, POIS ORGANIZA SEUS COMPONENTES DE FORMA RELATIVA, O QUE DEIXA O DESIGN MAIS AJUSTADO E FLUIDO

Page 16: 03 Android Studio

FRAME LAYOUT

ESTE TIPO DE LAYOUT É UM DOS MAIS SIMPLES, ELE EXIBI UM ÚNICO PONTO DE VISTA, SEU TAMANHO É DEFINIDO PELO SEU MAIOR OBJETO, MAS O ESPAÇAMENTO E TODOS OS COMPONENTES SÃO AGRUPADOS NO CANTO SUPERIOR ESQUERDO DO LAYOUT.

Page 17: 03 Android Studio

ALGUNS COMPONENTES

TEXTVIEW

EDITVIEW

BUTTON

CONTAINERS

DATE

Page 18: 03 Android Studio

EXERCÍCIO SOMA

A PARTE GRÁFICA

Edit Text View

TextView

Page 19: 03 Android Studio

CODIGO DA INTERFACERelativeLayout 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:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">

<EditText android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/editText" android:layout_alignParentTop="true" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" android:text="Digite o 1º numero" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textAppearance="?android:attr/textAppearanceLarge" android:id="@+id/n1" android:layout_below="@+id/editText" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" /> <EditText android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/editText2" android:layout_centerVertical="true" android:layout_toRightOf="@+id/n1" android:layout_toEndOf="@+id/n1" android:text="Digite o 2º numero" /></RelativeLayout>

Page 20: 03 Android Studio

EXERCÍCIO DA SOMApublic class tela2 extends AppCompatActivity { EditText num1,num2; Button soma; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_tela2); num1=(EditText)findViewById(R.id.num1); num2=(EditText)findViewById(R.id.num2); soma=(Button)findViewById(R.id.soma); soma.setOnClickListener(new View.OnClickListener(){ public void onClick(View oi){ //Obtem valor da EditText1 e EditText2 double val1 = Double.parseDouble(num1.getText().toString()); double val2 = Double.parseDouble(num2.getText().toString()); //Calcula soma dos numeros double soma = val1+val2; AlertDialog.Builder resultadoDaSoma=new AlertDialog.Builder(tela2.this); resultadoDaSoma.setTitle("Resultado"); resultadoDaSoma.setMessage("A Soma é: "+soma); resultadoDaSoma.setNeutralButton("Ok",null); resultadoDaSoma.show();

} }); }}

Page 21: 03 Android Studio

EXERCÍCIO

QUANDO VOCÊ VAI COM A UM RESTAURANTE E DESEJA DIVIDIR A CONTA E A GORJETA, PODE SE ENVOLVER EM MUITOS CÁLCULOS MENTAIS .EM VEZ DISSO, VOCÊ DESEJA UTILIZAR UM APLICATIVO QUE PERMITA QUE VOCÊ SIMPLESMENTE SOME O PERCENTUAL DA GORJETA AO TOTAL E DIVIDA O VALOR PELO NUMERO DE PRESENTES.