Principais componentes para o desenvolvimento de aplicao android

  • Published on
    11-Jun-2015

  • View
    1.003

  • Download
    66

DESCRIPTION

Descrio dos principais componentes utilizados no desenvolvimentos de aplicaes para o sistema android.

Transcript

  • 1. Documentao dos componetes principais de layout em um projeto Android

2. SUMRIO 1.Componentes Principais ............................................................................................................... 32.LinearLayout................................................................................................................................. 43.TextView ....................................................................................................................................... 44.Button ........................................................................................................................................... 55.Toast .............................................................................................................................................. 66.AutoComplete ............................................................................................................................... 87.CheckBox ..................................................................................................................................... 98.Toggle Button ............................................................................................................................. 109.Radio Button ............................................................................................................................... 1010.Referncias .............................................................................................................................. 12 3. 1. Componentes Principais Existem diversos componetes de layout para o desenvolvimeto android, dentre os quais podemos destacar: LinearLayout; TextView; Button; Toast; AutoComplete; ToggleButton; RadioButton; CheckBox; Nesse sentido iremos especificar cada um dos itens citados acima. Abaixo algumas propriedades dos componentes android:android:id: o identificador do componente, que usaremos para cham-lo de outro lugar.android:layout_width: onde voc define como ser a largura. Para preencher a tela inteira voc dever usar fill_parent, caso deseja que ele se adapte ao tamanho do contedo, utilize wrap_content.android:layout_height: Similar ao android:layout_width, porm, voc vai ajustar a altura do componente, seguindo o mesmo conceito.android:text: a propriedade que corresponde ao texto que dever ser exibido no componente.android:src: usada para localizar a imagem que ir ser carregada no boto.style: Local onde voc define qual ser o estilo do boto, no nosso caso, definimos que seria como uma estrela.android:orientation: Onde definimos no RadioGroup, como ser distribudos os RadioButtons, verticalmente ou horizontalmente.android:layout_gravity: Define a posio em que o layout ser exibido, so elas: top, bottom, left, right, center-vertical, fill-vertical, center-horizontal, fill-horizontal, center, fill. 4. 2. LinearLayout Atualmente existem duas variaes do LinearLayout, que so: Horizontal: Todos os widgets adicionados dentro desse layout so colocados um do lado do outro. Vertical: Todos os widgets adicionados dentro desse layout so colocados um abaixo do outro. Dentro de um LinearLayout podemos acrescentar vrios widgets, como: o Button; o TextView; o CheckBox; Assim como tambm pode conter outro LinearLayout. Exemplo bsico de um LinearLayout: fill_parent: A largura da view ser igual a largura disponvel no pai.wrap_content: A largura ser igual a largura do contedo da view. Na API nvel 8, foirebatizada para match_parent.3. TextView Exibe o texto para o usurio e, opcionalmente, permite a ele edit-lo. A TextView um editor de texto completo, no entanto a classe bsica est configurado para no permitir a edio e sim a vizualizao. O componente para a edio EditText.TextView no XML: 5. TextView no emulador:4. Button Representa um boto que pode ser clicado pelo usurio para executar uma ao. Exemplo de um Button na XML: Exemplo de um Button sendo executado no emulador: 6. 5. Toast Um objeto Toast (do pacote android.widget) nos oferece uma forma de exibir uma pequena e rpida mensagem aos usurios das aplicaes Android. A mensagem exibida aparecer como uma view flutuante sobre a tela atual da aplicao e no receber foco. O objetivo alertar o usurio sobre o sucesso ou fracasso de alguma atividade, aguardar alguns segundos e fazer a mensagem desaparecer. No aceita qualquer tipo de interao com o usurio, como um boto para ser clicado, e seu tamanho definido pela quantidade de espao necessrio para a mensagem.Exemplo de um Toast, breve mensagem quando boto clicado: Activity; package com.cunha.ifc; import import import import importandroid.app.Activity; android.os.Bundle; android.view.View; android.widget.Button; android.widget.Toast;public class ToastActivity extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); Button button = (Button) findViewById(R.id.btn); button.setOnClickListener(new View.OnClickListener(){ public void onClick(View v) { Toast.makeText(ToastActivity.this, "Bem-vindo minha aplicao Android", Toast.LENGTH_SHORT).show(); } }); } } 7. Arquivo XML: 8. Boto quando clicado:6. AutoComplete Uma viso de texto editvel que mostra sugestes de concluso automaticamente enquanto o usurio est digitando. A lista de sugestes exibida em um menu drop-down a partir do qual o usurio pode escolher um item para substituir o contedo da caixa de edio que est digitando. A lista de sugestes obtido a partir de um adaptador de dados e aparece apenas depois de um determinado nmero de caracteres definidos por the threshold. O trecho de cdigo a seguir mostra como criar uma exibio de texto que sugere vrios nomes de pases, enquanto o usurio est digitando: public class CountriesActivity extends Activity { protected void onCreate(Bundle icicle) { super.onCreate(icicle); setContentView(R.layout.paises); ArrayAdapter adapter = new ArrayAdapter(this, android.R.layout.simple_dropdown_item_1line, PAISES); AutoCompleteTextView textView = (AutoCompleteTextView) findViewById(R.id.countries_list); 9. textView.setAdapter(adapter); } private static final String[] PAISES = new String[] { "Brasil", "Frana", "Italia", "Alemanha", "Inglaterra" }; }7. CheckBox Um CheckBox um campo de seleo que pode ser tanto marcada como desmarcada. CheckBox no XML: 10. 8. Toggle Button Exibe um boto com um indicador de luz, com estados de marcado e desmarcado, sendo o texto ON ou OFF. Alguns atributos do ToggleButton no XML: 1. android: textOff: Texto que aparece no boto quando ele no estiver marcado (OFF). 2. android: textOn: Texto que aparece no boto quando ele estiver marcado (ON); 9. Radio Button um boto de opo semelhante ao CheckBox, mas com a diferena de poder selecionar somente uma dessas opes, enquanto em um CheckBox pode-se marcar mais de uma opo. RadioButton no XML: 11. 12. 10. Referncias http://developer.android.com/resources/tutorials/views/hello-linearlayout.html http://developer.android.com/reference/android/widget/ToggleButton.html http://developer.android.com/reference/android/widget/CheckBox.html http://devmobilebrasil.com.br/android/checkbox-android/ http://devmobilebrasil.com.br/android/toggle-button-no-android/ http://devmobilebrasil.com.br/android/trabalhando-com-a-radiobutton-no-android/ http://developer.android.com/reference/android/widget/TextView.html http://developer.android.com/reference/android/widget/Button.html http://developer.android.com/reference/android/widget/Toast.html http://developer.android.com/reference/android/widget/AutoCompleteTextView.html http://developer.android.com/resources/tutorials/views/hello-formstuff.html

Recommended

View more >