Top Banner
ANDROID STUDIO
21

03 Android Studio

Jan 12, 2016

Download

Documents

Aula de android
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
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.