DICAS PARA
INTERFACES PERFORMÁTICAS
NO SEU APP ANDROID
INTEL SOFTWARE DAY 2013
CONTEXTO
INTERAÇÕES COM A UI
Sonho de consumo são 60 FPS...
A cada 16ms, um FPS certamente se perde
Quanto mais FPSs perdidos, mais...
COMO PERDER FPSs
UI Thread pausada na hora da interação
UI Thread está executando alguma operação
(lenta) no momento da in...
GARBAGE COLLECTION
POR QUÊ ELE IMPORTA
GARBAGE COLLECTION
Android 2.3+ implementa variante de CMS
FORÇA PAUSAS DA UI THREAD PARA GC
Pausas prolongadas e/ou frequ...
NÃO GERE LIXO
DESNECESSÁRIO
AUTO BOXING
Map<Integer, String> map = new HashMap<Integer, String>();
map.put(1024, "Android");
map.put(2048, "performanc...
map.put(1024, "Android");

new Integer(1024);
SPARSE ARRAYS
SparseArray<String> sparseArray = new SparseArray<String>();
sparseArray.put(665, "Android");
sparseArray.pu...
STRINGS
String facebookAvatarURL =
"http://graph.facebook.com/" +
facebookID +
"/picture?type=large";

T
’
N
O
D

String n...
STRINGS
String facebookAvatarURL =
"http://graph.facebook.com/" +
facebookID +
"/picture?type=large";
....
String numberSt...
SEMPRE ÓTIMO ???
StringBuilder builder = new StringBuilder();
for (int i = 0; i < count; i++) {
builder.append("ANDROID");...
FATOS
StringBuilder trabalha com um array de
caracteres de tamanho pré-fixado...
Estourar o limite significa criar um novo a...
BOAS PRÁTICAS
final String androidRocks = "android" + "rocks";
// Constantes serão otimizadas pelo compilador
// e concate...
ARRAY LISTS
@Override
public void onCompleted(List<GraphUser> users, Response response) {
List<FacebookFriend> friends = n...
FATOS
ArrayList, HashMaps, TreeMaps trabalham sobre
Object[], uma estrutura imutável
Se o tamanho pré-definido da Collectio...
BOAS PRÁTICAS
DIMENSIONE o tamanho das suas listas
List<FacebookFriend> friends = new ArrayList<FacebookFriend>(500);

EVI...
ABSTRAÇÕES EM EXCESSO ...
REUSAR SEMPRE
QUE POSSÍVEL
OBJECT POOL
Reusar instâncias de objetos ao invés
de criar e destruir com (muita!)
frequência
http://en.wikipedia.org/wiki...
Um random por bloco
public class BlocksEngine extends CCLayer {
public void blocksEngine(float dt) {
if (new Random().next...
Random agora é constante
public static final Random sRANDOM = new Random();
public class BlocksEngine extends CCLayer {

}...
private static final int MSG_DESIRED_EVENT = 0xb0b0;
public void sendMessage(Handler handler, Object eventInfo) {
final Me...
private static final int MSG_DESIRED_EVENT = 0xb0b0;
public void sendMessage(Handler handler, Object eventInfo) {
final Me...
ADAPTERS
@Override
public View getView(int position, View convertView, ViewGroup parent) {
final View cellView =
mInflater...
@Override
public View getView(int position, View convertView, ViewGroup parent) {
if (convertView == null) {
convertView =...
E PARA ESSE
TIPO DE LISTA ????
EXECUÇÃO ÓTIMA

CODIFIQUE PARA A PERFORMANCE
FOR LOOP
List<FacebookFriend> friends = new ArrayList<FacebookFriend>();
if (users != null) {
for (GraphUser user : users)...
PARCELLABLE E SERIALIZABLE

http://www.developerphil.com/parcelable-vs-serializable/
PARCELLABLE E SERIALIZABLE
Serializable é muito mais fácil de implementar
Parcellable é muito mais eficiente na prática
Ser...
CACHE DE OPERAÇÕES
static class
public
public
public
}

ViewHolder {
TextView friendName;
TextView friendStatus;
ImageView...
public abstract class FasterArrayAdapter<T> extends ArrayAdapter<T> {
@Override public View getView(int position, View con...
public abstract class FasterArrayAdapter<T> extends ArrayAdapter<T> {
@Override public View getView(int position, View con...
LEMBRETES GERAIS
OTIMIZE o acesso à suas variáveis
EVITE malabarismos com java.lang.reflect
EVITE annotations em tempo de e...
MULTITHREADING

HARD WORK FORA DA UI THREAD
JAVA THREADS
USE CASO TENHA CERTEZA
ABSOLUTA DO QUE ESTÁ FAZENDO !!
Se o item anterior for cumprido, então priorize
a UI T...
private static final int MSG_DONE = 0xcafe;
private Handler mHandler = new Handler(Looper.getMainLooper());
private void w...
ASYNCTASK
private class DownloadFilesTask extends AsyncTask<URL, Void , Long> {
protected Long doInBackground(URL... urls)...
PROBLEMAS COM ASYNCTASK
Comportamento é inconsistente ao longo
das versões de API do Android
Difícil para cancelar tarefas...
USANDO ASYNCTASK
Assegure-se de que tarefas serão
executadas em paralelo (backporting API14+)
Recomendada para tarefas cur...
INTENT SERVICE
Service com uma Thread Worker
MUITO BOM para executar tarefas únicas
Finaliza sozinho após o trabalho execu...
public class HardWorkIntentService extends IntentService {
public HardWorkIntentService() {
super(“HardWorkIntentService”)...
LAYOUTS

VOCÊ JÁ OTIMIZOU O SEU HOJE?
HIERARQUIA DE VIEWS
Nested Linear Layout

A Crazy Title
A simple subtitle

Relative Layout
PROCESSAMENTO DE LAYOUTS
Mais lento conforme
Profundidade da hierarquia de Views
Quantidade de Views por hierarquia

Profil...
OTIMIZAÇÕES EM LAYOUTS
Pelo menos dois pontos básicos
Conversão de declarações em XML em hierarquias
Recuperação de itens ...
FLATTENING
RELATIVE LAYOUT
GRID LAYOUT
COMPOUND DRAWABLES
LAZY LOADING DE VIEWS
...
<ViewStub
android:id="@+id/stub"
android:layout_width="fill_parent"
android:layout_height="fill_...
IMAGENS
São redimensionados em tempo de execução
SEMPRE FORNEÇA TODOS OS CONJUNTOS DE IMAGENS
Para imagens obtidas via IO,...
CONCLUSÕES

A HORA DE PRESTAR ATENÇÃO !!!
A EXPERIÊNCIA
COM A UI CAI
UM FPS POR VEZ
NÃO GERE LIXO
DESNECESSÁRIO
REUSE SEMPRE
QUE POSSÍVEL
CODIFIQUE PARA
O DESEMPENHO
HARD WORK FORA
DA UI THREAD
OTIMIZE SEUS
LAYOUTS
“DON`T AIM CORRECT,
AIM FOR AWESOME”
Lucas Rocha,
Firefox for Android
ANDROID
DEVELOPER
@ubiratanfsoares
gplus.to/ubiratanfsoares
ubiratansoares.com.br/blog
Dicas para Interfaces Performáticas no seu App Android
Dicas para Interfaces Performáticas no seu App Android
Dicas para Interfaces Performáticas no seu App Android
Upcoming SlideShare
Loading in...5
×

Dicas para Interfaces Performáticas no seu App Android

2,036

Published on

Slides sobre dicas para interfaces Android mais responsivas, que utilizei na minha apresentação do Intel Software Day 2013

Published in: Technology

Dicas para Interfaces Performáticas no seu App Android

  1. 1. DICAS PARA INTERFACES PERFORMÁTICAS NO SEU APP ANDROID INTEL SOFTWARE DAY 2013
  2. 2. CONTEXTO
  3. 3. INTERAÇÕES COM A UI Sonho de consumo são 60 FPS... A cada 16ms, um FPS certamente se perde Quanto mais FPSs perdidos, mais a experiência do usuário com a UI degrada...
  4. 4. COMO PERDER FPSs UI Thread pausada na hora da interação UI Thread está executando alguma operação (lenta) no momento da interação
  5. 5. GARBAGE COLLECTION POR QUÊ ELE IMPORTA
  6. 6. GARBAGE COLLECTION Android 2.3+ implementa variante de CMS FORÇA PAUSAS DA UI THREAD PARA GC Pausas prolongadas e/ou frequentes durante a interação do usuário PRECISAM ser evitadas
  7. 7. NÃO GERE LIXO DESNECESSÁRIO
  8. 8. AUTO BOXING Map<Integer, String> map = new HashMap<Integer, String>(); map.put(1024, "Android"); map.put(2048, "performance"); map.put(5096, "matters"); List<Double> values = new ArrayList<Double>(); values.add(3.1415);
  9. 9. map.put(1024, "Android"); new Integer(1024);
  10. 10. SPARSE ARRAYS SparseArray<String> sparseArray = new SparseArray<String>(); sparseArray.put(665, "Android"); sparseArray.put(666, "rocks");
  11. 11. STRINGS String facebookAvatarURL = "http://graph.facebook.com/" + facebookID + "/picture?type=large"; T ’ N O D String numberStr = "" + number;
  12. 12. STRINGS String facebookAvatarURL = "http://graph.facebook.com/" + facebookID + "/picture?type=large"; .... String numberStr = "" + number; new StringBuilder();
  13. 13. SEMPRE ÓTIMO ??? StringBuilder builder = new StringBuilder(); for (int i = 0; i < count; i++) { builder.append("ANDROID"); } return builder.toString();
  14. 14. FATOS StringBuilder trabalha com um array de caracteres de tamanho pré-fixado... Estourar o limite significa criar um novo array de caracteres e concatenar no já existente...
  15. 15. BOAS PRÁTICAS final String androidRocks = "android" + "rocks"; // Constantes serão otimizadas pelo compilador // e concatenadas em tempo de compilação final String facebookAvatarURL = GRAPH_BASE_URL.concat(facebookID); // String.concat() melhor para uma variável String StringBuilder builder = new StringBuilder(200); // Garantir que StringBuilder aloca caracteres suficientes // evita a criação de novos arrays de caracteres
  16. 16. ARRAY LISTS @Override public void onCompleted(List<GraphUser> users, Response response) { List<FacebookFriend> friends = new ArrayList<FacebookFriend>(); if (users != null) { for (GraphUser user : users) { FacebookFriend friend = new FacebookFriend(user); friends.add(friend) } mAdapter = new FriendsAdapter(this, friends); mFriendsList.setAdapter(mAdapter); } }
  17. 17. FATOS ArrayList, HashMaps, TreeMaps trabalham sobre Object[], uma estrutura imutável Se o tamanho pré-definido da Collection estoura, arrays subjacentes serão substituídos por novas instâncias
  18. 18. BOAS PRÁTICAS DIMENSIONE o tamanho das suas listas List<FacebookFriend> friends = new ArrayList<FacebookFriend>(500); EVITE adicionar elementos em uma posição específica da lista friends.add(10,friend);
  19. 19. ABSTRAÇÕES EM EXCESSO ...
  20. 20. REUSAR SEMPRE QUE POSSÍVEL
  21. 21. OBJECT POOL Reusar instâncias de objetos ao invés de criar e destruir com (muita!) frequência http://en.wikipedia.org/wiki/Object_pool_pattern
  22. 22. Um random por bloco public class BlocksEngine extends CCLayer { public void blocksEngine(float dt) { if (new Random().nextInt(300) == 0) { getDelegate().createBlock( new Block(Assets.block).generate(), 1, 1); } } } Novo bloco a cada chamada da engine
  23. 23. Random agora é constante public static final Random sRANDOM = new Random(); public class BlocksEngine extends CCLayer { } public void blocksEngine(float dt) { if (sRANDOM.nextInt(300) == 0) { final Block b = BlocksPool.acquire(); // configurar seu bloco getDelegate().createBlock(b); } } Reuse um bloco previamente existente !!!
  24. 24. private static final int MSG_DESIRED_EVENT = 0xb0b0; public void sendMessage(Handler handler, Object eventInfo) { final Message message = new Message(); message.what = MSG_DESIRED_EVENT; message.obj = eventInfo; handler.sendMessage(message); } Uma mensagem nova para cada evento de interesse
  25. 25. private static final int MSG_DESIRED_EVENT = 0xb0b0; public void sendMessage(Handler handler, Object eventInfo) { final Message message = Message.obtain(); message.what = MSG_DESIRED_EVENT; message.obj = eventInfo; handler.sendMessage(message); } Obtém uma mensagem de um pool, ou cria uma nova
  26. 26. ADAPTERS @Override public View getView(int position, View convertView, ViewGroup parent) { final View cellView = mInflater.inflate(R.layout.list_item, parent, false); final MovieInfo i = getItem(position); T ’ N O D ((TextView) cellView.findViewById(R.id.title)).setText(i.getTitle()); ((TextView) cellView.findViewById(R.id.subtitle)).setText(i.getSubs()); return cellView; }
  27. 27. @Override public View getView(int position, View convertView, ViewGroup parent) { if (convertView == null) { convertView = mInflater.inflate(R.layout.list_item, parent, false); } final MovieInfo i = getItem(position); ((TextView) convertView.findViewById(R.id.title)) .setText(i.getTitle()); ((TextView)convertView.findViewById(R.id.subtitle)) .setText(i.getSubs()); return convertView; } Reusa uma View já criada se possível !
  28. 28. E PARA ESSE TIPO DE LISTA ????
  29. 29. EXECUÇÃO ÓTIMA CODIFIQUE PARA A PERFORMANCE
  30. 30. FOR LOOP List<FacebookFriend> friends = new ArrayList<FacebookFriend>(); if (users != null) { for (GraphUser user : users) { FacebookFriend friend = new FacebookFriend(user); friends.add(friend) } } Otimizada pelo compilador !!!
  31. 31. PARCELLABLE E SERIALIZABLE http://www.developerphil.com/parcelable-vs-serializable/
  32. 32. PARCELLABLE E SERIALIZABLE Serializable é muito mais fácil de implementar Parcellable é muito mais eficiente na prática Serializable para um objeto Parcellable para coleções de objetos
  33. 33. CACHE DE OPERAÇÕES static class public public public } ViewHolder { TextView friendName; TextView friendStatus; ImageView friendImage; Cachear a posição das Views na hierarquia de Views da linha !
  34. 34. public abstract class FasterArrayAdapter<T> extends ArrayAdapter<T> { @Override public View getView(int position, View convertView, ViewGroup parent) { Object viewHolder = null; if (convertView == null) { viewHolder = new ViewHolder(); convertView = mInflater.inflate(layoutResourceForItem(), parent, false); setupHolder(convertView, viewHolder); convertView.setTag(viewHolder); } else { viewHolder = convertView.getTag(); } fillHolder(viewHolder, position); return convertView; } }
  35. 35. public abstract class FasterArrayAdapter<T> extends ArrayAdapter<T> { @Override public View getView(int position, View convertView, ViewGroup parent) { Object viewHolder = null; Calcula posições e faz cache if (convertView == null) { convertView = mInflater.inflate(layoutResourceForItem(), parent, false); viewHolder = new ViewHolder(); setupHolder(convertView, viewHolder); convertView.setTag(viewHolder); } else { viewHolder = convertView.getTag(); } Recupera o cache fillHolder(viewHolder, position); return convertView; } } Preenche seu item
  36. 36. LEMBRETES GERAIS OTIMIZE o acesso à suas variáveis EVITE malabarismos com java.lang.reflect EVITE annotations em tempo de execução http://developer.android.com/training/articles/perf-tips.html
  37. 37. MULTITHREADING HARD WORK FORA DA UI THREAD
  38. 38. JAVA THREADS USE CASO TENHA CERTEZA ABSOLUTA DO QUE ESTÁ FAZENDO !! Se o item anterior for cumprido, então priorize a UI Thread
  39. 39. private static final int MSG_DONE = 0xcafe; private Handler mHandler = new Handler(Looper.getMainLooper()); private void workOnBigFile(final String filePath) { new Thread(new Runnable() { @Override public void run() { Process.setThreadPriority( Process.THREAD_PRIORITY_BACKGROUND); File f = new File(filePath); Data d = DataUtils.extractFrom(f); Message.obtain(mHandler, MSG_DONE, d).sendToTarget(); } }).start(); } Prioridade mais baixa para sua Thread
  40. 40. ASYNCTASK private class DownloadFilesTask extends AsyncTask<URL, Void , Long> { protected Long doInBackground(URL... urls) { int count = urls.length; long totalSize = 0; } } for (int i = 0; i < count; i++) { totalSize += Downloader.downloadFile(urls[i]); } return totalSize; protected void onPostExecute(Long result) { showDialog("Downloaded " + result + " bytes"); }
  41. 41. PROBLEMAS COM ASYNCTASK Comportamento é inconsistente ao longo das versões de API do Android Difícil para cancelar tarefas já executando em background ...
  42. 42. USANDO ASYNCTASK Assegure-se de que tarefas serão executadas em paralelo (backporting API14+) Recomendada para tarefas curtas (segundos) Cuidados ao declarar como inner class ou ao associar callbacks após a execução
  43. 43. INTENT SERVICE Service com uma Thread Worker MUITO BOM para executar tarefas únicas Finaliza sozinho após o trabalho executado Callback mais burocrático após tarefa executada (BroadcastReceiver)
  44. 44. public class HardWorkIntentService extends IntentService { public HardWorkIntentService() { super(“HardWorkIntentService”); } @Override protected void onHandleIntent(Intent intent) { // EXECUTE O SEU TRABALHO PESADO AQUI !!!! } } Intent toHardWork = new Intent(this, HardWorkIntentService.class); // Coloque seus parâmetros como extras! startService(toHardWork);
  45. 45. LAYOUTS VOCÊ JÁ OTIMIZOU O SEU HOJE?
  46. 46. HIERARQUIA DE VIEWS Nested Linear Layout A Crazy Title A simple subtitle Relative Layout
  47. 47. PROCESSAMENTO DE LAYOUTS Mais lento conforme Profundidade da hierarquia de Views Quantidade de Views por hierarquia Profilling via delay nos métodos onMeasure( ), onLayout( ), onDraw( )
  48. 48. OTIMIZAÇÕES EM LAYOUTS Pelo menos dois pontos básicos Conversão de declarações em XML em hierarquias Recuperação de itens dentro de uma hierarquia NA PRÁTICA Precisamos de hierarquias mais leves e planas !!!
  49. 49. FLATTENING RELATIVE LAYOUT GRID LAYOUT COMPOUND DRAWABLES
  50. 50. LAZY LOADING DE VIEWS ... <ViewStub android:id="@+id/stub" android:layout_width="fill_parent" android:layout_height="fill_parent" android:inflatedId="@+id/inflatedLayout" android:layout="@layout/lazy_layout" /> View inflated = ((ViewStub) findViewById(R.id.stub)).inflate();
  51. 51. IMAGENS São redimensionados em tempo de execução SEMPRE FORNEÇA TODOS OS CONJUNTOS DE IMAGENS Para imagens obtidas via IO, procure cachear os Bitmaps já processados
  52. 52. CONCLUSÕES A HORA DE PRESTAR ATENÇÃO !!!
  53. 53. A EXPERIÊNCIA COM A UI CAI UM FPS POR VEZ
  54. 54. NÃO GERE LIXO DESNECESSÁRIO
  55. 55. REUSE SEMPRE QUE POSSÍVEL
  56. 56. CODIFIQUE PARA O DESEMPENHO
  57. 57. HARD WORK FORA DA UI THREAD
  58. 58. OTIMIZE SEUS LAYOUTS
  59. 59. “DON`T AIM CORRECT, AIM FOR AWESOME” Lucas Rocha, Firefox for Android
  60. 60. ANDROID DEVELOPER @ubiratanfsoares gplus.to/ubiratanfsoares ubiratansoares.com.br/blog
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×