AULA 2. Minicurso PET-EE UFRN

Transcrição

1 AULA 2 Minicurso PET-EE UFRN

2 Agora iremos mostrar o passo-a-passo de como criar um projeto no Android Studio. 1. No Android Studio, crie um New Project. 2. Em Configure your new project, você deve preencher os seguintes campos: Nome do Aplicativo - nome que irá aparecer para os usuários. Domínio da Companhia - provém um qualificador que será anexado ao nome do pacote. Nome do Pacote - nome completo do projeto (segundo as regras de nomeação da linguagem de programação Java). Precisa ser único entre todos os pacotes instalados no sistema Android. Localização do Projeto - Local onde o arquivo será salvo.

3 3. Em Select the form factors your app will run on, selecione Phone and Tablet. 4. Como SDK mínimo selecione API 8: Android 2.2 (froyo) ou API 14: Android 4.0 (Ice Cream Sandwich). 5. Em Add an activity to your project, selecione Activity em branco. 6. Em Describe the new activity for your project, deixe os campos como estão e clique Finish.

4 Agora você possui um aplicativo "Hello World" que contém alguns arquivos padrão. Entre eles: app/src/main/layout/activity_my.xml - este é o arquivo de layout xml da activity que você adicionou inicialmente. app/src/main/java/com.mycompany.myfirstapp/myactivity.java - Aqui se encontra a definição de classe da activity que você criou.

5 app/src/res/androidmanifest.xml - O arquivo manifest descreve as características fundamentais do app e define cada um de seus componentes. app/build.gradle - Android Studio usa o Gradle para compilar seu app. Há um arquivo build.gradle para cada módulo do seu projeto, bem como um arquivo build.gradle para o projeto em si. /res - contém os recursos utilizados em seu aplicativo.

6 Para executar seu aplicativo no emulador você precisará criar um Dispositivo de Máquina Virtual (AVD). Para criar um AVD siga os seguintes passos: 1. Execute o Android Device Manager, no Android Studio selecione Tools > Android > AVD Manager. 2. Na tela principal clique em Create Virtual Device.

7 3. Na tela de seleção de Hardware selecione as configurações de um dispositivo, como o Nexus 6, e clique Next. 4. Verifique as configurações, então clique Finish. Execute seu aplicativo no Android Studio, escolha seu dispositivo, espere o AVD carregar e confira seu aplicativo.

8 Aqui iniciaremos uma lição com o objetivo de criar um layout em xml que inclui um campo de texto e um botão. Nessa lição o app responde quando o botão é pressionado enviando o conteúdo do campo de texto para outra Activity.

9 Vamos entender como funciona a interface gráfica do Android.

10 A interface gráfica de um aplicativo Android é construída utilizando uma hierarquia de objetos View e ViewGroup. View são widgets de interface como botões ou campos de texto, objetos ViewGroup são recipientes invisíveis que definem como os objetos de vizualização filhos são organizados, em grade ou lista vertical.

11 Abra o arquivo activity_my.xml que se encontra no diretório res/layout. O template do arquivo xml criado por você no inicio do projeto inclui objetos RelativeLayout e Textview. Aqui iremos trabalhar com xml. 1. Delete o elemento <TextView>. 2. Mude o elemento <RelativeLayout> para <LinearLayout>. 3. Adicione o atributo android:orientation e defina como "horizontal". 4. Remova os atributos android:padding e tools:context.

12 O resultado será: <LinearLayout xmlns:android=" xmlns:tools=" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal" > </LinearLayout> LinearLayout é um grupo de visualização que dispõe de Viewgroups filhos segundo um determinada orientação, especificada pelo atributo orietation, na ordem em que eles aparecem no código xml.

13 Assim como em todo objeto View você precisa definir certos atributos xml para especificar as propriedades de objeto EditText 1. No arquivo activity_my.xml, adicione um elemento EditText. 2. Altere o android:id do elemento EditText criado 3. Defina um atributo android:hint

14 Os atributos mencionados anteriormente tem as seguintes funções: android:id - Proporciona um identificador único para o elemento view que pode ser utilizado para referenciar o objeto no código do seu aplicativo. android:hint - Um String padrão que é mostrado quando o campo de texto se encontra vazio.

15 O elemento <EditText> ficará da seguinte forma: <EditText android:layout_width="wrap_content" android:layout_height="wrap_content" />

16 Por padrão seu projeto Android inclui um arquivo fonte de Strings em res/values/strings.xml. Ali você pode criar sua string edit_message e determinar que seu valor seja "Entre com a mensagem" Crie também um novo String chamado "button_send" e defina seu atributo como sendo "Enviar".

17 1. No Android Studio altere mais uma vez o arquivo activity_my.xml. 2. Desta vez, dentro do elemento <LinearLayout>, defina um elemento <Button> imediatamente após o elemento <EditText>. 3. Defina o rótulo do botão com o string button_send definido anteriormente.

18 Para fazer com que o Textbox ocupe o espaço restante na tela de layout podemos usar seu atributo android:layout_weigh, ele funciona como um ponderador e irá determinar quanto de espaço faltante cada elemento irá ocupar. Assim definamos o atributo android:layout_weigh do nosso <EditText> como sendo "1" e poderemos aproveitar melhor o espaço. DICA: uma forma de melhorar a eficiência do aplicativo neste caso seria mudar o atributo android:layout_width para o valor "0dp", o que irá poupar processamento por parte do app para definir o tamanho do elemento.

19 Realização: PET Engenharia Elétrica UFRN Autor: Rafael Cardoso Pereira Contatos: Tel: