Universidade Federal do Paraná

Transcrição

1 Universidade Federal do Paraná Departamento de Informática Ciência da Computação Tópicos em Sistemas Embarcados Android Prof. Eduardo Todt 2016

2 objetivos Com Android studio criar primeira app Projetar GUI com o editor de layout Mostrar texto e imagem na GUI Lançar emulador Uso de recursos de acessibilidade Internacionalização

3 Instalação Android Studio Baixar bundle completo do site developer Descompactar, verificar que tem android-studio e androidsdk-linux (ex. Em /opt/android) Necessário Java JDK >= 7 (java -version) Verificar atualizações (Android 6 e Android N) Criar dispositivo virtual, embora em geral a depuração em dispositivo real é mais rápida Para depurar em dispositivo real é necessário debugging over USB estar habilitado:

4 Instalação Android Studio Confira instalação e atualização android studio Sdk No Dinf /nobackup/soft/android/android-studio/bin/studio.sh Sdk e Gradle devem estar na sua área no nobackup Verificação espaço e inodes: quota -s Confira dispositivos virtuais Tools>android>AVD Manager No dinf usar ARM por não ter acesso ao hardware dos PCs, em seu computador usar x86 e KVM

5 Activity Activity é um componente da app que provê uma tela na qual usuários interagem para fazer algo Cada activity tem uma window App consiste de activities fracamente acopladas, uma delas é a main Cada activity pode iniciar outra A anterior fica na back stack

6 Layout e view Componentes GUI são views Layouts são views que contém e organizam outras views LinearLayout arranja views verticalmente ou horizontalmente TextView mostra texto facilmente, ImageView imagem GUIs são expressadas com XML (Extensible Markup Language): layouts, componentes, atributos; XML também define strings, cores, constantes. Android studio gera java que produz a GUI em runtime a partir do XML

7 Desacoplamento da interface Definição da UI em XML permite desacoplamento da lógica e UI Acesso a elementos da UI no código por meio de atributos id no xml Método findviewbyid para retornar referência a um item com nome <TextView android:layout_width= fill_parent android:layout_height= wrap_content /> Acesso no código: TextView mytextview = (TextView)findViewById(R.id.myTextView);! É possível fazer sem o xml, mas é mais confuso e código fica muito maior

8 Resources Quando a aplicação é construída (built) os recursos são compilados e inseridos no package, de forma comprimida Criado /bin/classes com arquivo de classes R que contém referências a cada recurso Referenciar recursos no código Verificação sintaxe em tempo de projeto

9 Primeiro projeto Inicie studio.sh file>new>project Ver diálogo de configuração do novo projeto Target devices SDK mínimo Para este projeto utilizar activity vazia Nome da subclasse activity que controla a execução da app (default MainActivity) Nome do layout XML que representa a GUI da app (default activity_main)

10 Projeto Welcome

11 Projeto Welcome

12 Projeto Welcome

13 Projeto Welcome API >= 15 permite atingir mais de 95% dos dispositivos correntes

14 Projeto Welcome

15 Projeto Welcome

16 Projeto Welcome

17 Layout

18 Ícone app Pasta res Mouse direito: New > Image Asset A IDE cria várias instâncias escaladas da imagem na pasta mipmap

19 Trocando para layout linear

20 Editando layout Duplo click na janela do celular - configure para vertical - configure id para welcomelinearlayout - observe arquivo.xml e component tree

21 Editando layout <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android=" xmlns:tools=" android:layout_width="match_parent" O + indica criação de novo id após / e android:layout_height="match_parent" que deve ser acrescentado como android:paddingbottom="@dimen/activity_vertical_margin" novo ressource no R.java android:paddingleft="@dimen/activity_horizontal_margin" android:paddingright="@dimen/activity_horizontal_margin" android:paddingtop="@dimen/activity_vertical_margin" tools:context="com.todt.welcome.mainactivity" android:orientation="vertical" android:id="@+id/welcomelinearlayout"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="hello World!" /> </LinearLayout>

22 TextView Duplo clique em text view Configure id Veja.xml e tree

23 TextView id e propriedades

24 TextView propriedades

25 TextView propriedades

26 Tamanho texto diferentes telas

27 40sp 40sp 80sp

28 Referências Exemplos, listagens, conceitos, imagens, obtidos do livro texto Peter Meier (Professional Android 4 Application Development), do site do fórum e de outras fontes, quando indicado.