03 Android Studio
-
Upload
carla-fabiane-calixto -
Category
Documents
-
view
48 -
download
2
description
Transcript of 03 Android Studio
ANDROID STUDIO
HISTÓRIA
PROJETO NO 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
PROJETO NO ANDROID STUDIO
AQUI PODEMOS ESCOLHER QUAIS DISPOSITIVOS QUEREMOS
PROJETO NO ANDROID STUDIO
ESCOLHEMOS O TEMPLATE DA NOSSA ACTIVITY
PROJETO NO ANDROID STUDIO
VAMOS CONFIGURAR AS INFORMAÇÕES RELACIONADAS A ACTIVITY, COMO NOME, LAYOUT,TITULO, MENU
AVD
TOOLS ANDROID AVD MANGER
Demoro um pouquinho
para aparecer
FORMA GRÁFICA
PALETAS
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
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
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).
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.
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
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.
ALGUNS COMPONENTES
TEXTVIEW
EDITVIEW
BUTTON
CONTAINERS
DATE
EXERCÍCIO SOMA
A PARTE GRÁFICA
Edit Text View
TextView
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>
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();
} }); }}
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.