Consejos principales para Android UI Cómo alcanzar la magia en los tablets
-
Upload
motorola-mobility-motodev -
Category
Technology
-
view
2.029 -
download
0
Transcript of Consejos principales para Android UI Cómo alcanzar la magia en los tablets
![Page 1: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/1.jpg)
Consejos principales para Android UI Cómo alcanzar la magia en los tablets
MOTOROLA y el logotipo estilizado son marcas de fábrica o marcas registradas de Motorola Trademark Holdings, LLC. Todas las demás marcas comerciales son propiedad de sus respectivos dueños. © 2011 Motorola Mobility, Inc. Todos los derechos reservados.
Suzanne Alexandra Evangelista de la tecnología Android Motorola Mobility
![Page 2: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/2.jpg)
Título de presentación Versión 1.0 24.02.09
Brasil - #appsum11br Argentina - #appsum11ar
México - #appsum11m developer.motorola.com
![Page 3: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/3.jpg)
![Page 4: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/4.jpg)
Estamos en un espacio
completamente nuevo.
Traiga abordo los elementos apropiados.
![Page 5: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/5.jpg)
Alcance la magia
01 MANTENGA EL DETALLE ERGONÓMICO
02 INVOLUCRE LOS SENTIDOS
03 USE UNA ESTÉTICA FABULOSA
04 HÁGALO EVIDENTE
![Page 6: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/6.jpg)
Alcance la magia 01 MANTENGA EL DETALLE ERGONÓMICO Diseños horizontales Notificaciones enriquecidas Tamaños de texto
02 INVOLUCRE LOS SENTIDOS Imágenes Palpabilidad
03 USE UNA ESTÉTICA FABULOSA Temas, temas, temas
04 HÁGALO EVIDENTE Barras de acción Fragmentos Función arrastrar y colocar
![Page 7: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/7.jpg)
Haga de cuenta que sus usuarios usan la orientación horizontal
![Page 8: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/8.jpg)
Diseños horizontales Los diseños horizontales por lo general requieren una distribución especializada, en cualquier dispositivo.
![Page 9: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/9.jpg)
Diseños horizontales Mire lo que sucede en el tablet
![Page 10: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/10.jpg)
Diseños horizontales ¿Qué salió mal?
alignParentLeft alignParentRight
Imagen pequeña
Nada en el centro
![Page 11: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/11.jpg)
Diseños horizontales Diseño para el tamaño de la pantalla Y la orientación
![Page 12: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/12.jpg)
Diseños horizontales El diseño ganador
centerHorizontal="true"
layout_alignLeft <RelativeLayout> layout_alignRight
![Page 13: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/13.jpg)
Diseños horizontales Optimice la experiencia del usuario para pantallas panorámicas
![Page 14: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/14.jpg)
Diseños horizontales Evite el efecto océano extra ancho
![Page 15: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/15.jpg)
Tamaños de texto El texto pequeño (como las imágenes) no funcionará
![Page 16: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/16.jpg)
Tamaños de texto Mejores prácticas
Escala con sp 18 sp y más Asegúrese de que los verdaderos usuarios puedan leer el texto
![Page 17: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/17.jpg)
Notificaciones enriquecidas Un beneficio clave de Android sobre las demás plataformas móviles
Su notificación de aplicación
![Page 18: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/18.jpg)
Notificaciones enriquecidas Ejemplos de cuándo usar notificaciones enriquecidas
Cuando llega contenido nuevo
Cuando se reproducen medios
![Page 19: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/19.jpg)
Notificaciones enriquecidas En Honeycomb, dos pantallas de notificación
Bandeja
Emergente
![Page 20: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/20.jpg)
Notificaciones enriquecidas Use el formato Notification.Builder
Notification.Builder builder = new Notification.Builder( this );
Como AlertDialog.Builder
![Page 21: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/21.jpg)
Notificaciones enriquecidas Cree la notificación que desee
builder.setSmallIcon(R.drawable.icon) .setContentTitle(título) .setContentText(texto) .setContentIntent(pintent) // Un intento pendiente .setLargeIcon(myBitmap) ;
![Page 22: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/22.jpg)
Notificaciones enriquecidas Codificación visual
setSmallIcon() setLargeIcon()
setContentText() setContentTitle()
![Page 23: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/23.jpg)
Notificaciones enriquecidas Alcance la magia. Cree un botón interactivo
RemoteViews layout = new RemoteViews( getPackageName(), R.layout.notification);
layout.setTextViewText(R.id.notification_title, getString(R.string.app_name));
layout.setOnClickPendingIntent(R.id.notification_button, getDialogPendingIntent("Tapped") );
builder.setContent(layout);
![Page 24: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/24.jpg)
Notificaciones enriquecidas Estrategia para compatibilidad con versiones anteriores
private static boolean isHoneycomb = android.os.Build.VERSION.SDK_INT > 10;
if (!isHoneycomb) // inicie un intento de actividad else // inicie otra
![Page 25: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/25.jpg)
Alcance la magia 01 MANTENGA EL DETALLE ERGONÓMICO
02 INVOLUCRE LOS SENTIDOS Imágenes Palpabilidad
03 USE UNA ESTÉTICA FABULOSA
04 HÁGALO EVIDENTE
![Page 26: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/26.jpg)
La vista triunfa sobre los demás sentidos.
Brain Rules Dr. John Medina
![Page 27: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/27.jpg)
Imágenes Expréselo visualmente, hágalo atractivo
![Page 28: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/28.jpg)
Imágenes Las pantallas para dispositivos distintos requieren tamaños de imágenes diferentes
![Page 29: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/29.jpg)
Imágenes Seleccione una estrategia de imagen
¿Una serie de imágenes y deje que Android gradúe automáticamente el tamaño? ¿Personalizar una serie de recursos según los distintos tamaños y densidades? ¿Captar la densidad más usada? ¿Recuperar dinámicamente imágenes en el tiempo de ejecución y la graduación para el dispositivo?
![Page 30: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/30.jpg)
Imágenes Memoria frente a tamaño de archivo: un ejemplo
Ampliación automática 32 MB de memoria
324 KB de tamaño
Conjuntos de imágenes 23 MB de memoria
728 KB de tamaño
![Page 31: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/31.jpg)
La ampliación automática consume memoria.
Las configuraciones de imágenes personalizadas aumentan el tamaño
del archivo.
![Page 32: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/32.jpg)
Imágenes Imágenes grandes de prueba en el tiempo de ejecución para ahorrar memoria
BitmapFactory.Options options = new BitmapFactory.Options();
options.inJustDecodeBounds = false; options.inSampleSize = 4; options.inScaled = true; options.inTargetDensity = screenDensity; Bitmap bitmap =
BitmapFactory.decodeResource( getResources(), R.drawable.clover, options);
![Page 33: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/33.jpg)
Imágenes Dónde colocar las imágenes y los iconos
Graduadas previamente para la densidad Hacer coincidir
estilo con 3.0
Iconos de alta resolución
Predeterminado, graduado automáticamente
![Page 34: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/34.jpg)
Palpabilidad Las tabletas están diseñadas para el tacto
![Page 35: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/35.jpg)
Palpabilidad Asegúrese de poder pulsar todos los objetivos
![Page 36: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/36.jpg)
Palpabilidad Asegúrese de poder pulsar todos los objetivos
public View getView( int position, View convertView, ViewGroup parent) {
ImageView i = new ImageView(mContext); i.setImageResource(mImageIds[position]);
i.setLayoutParams(new Gallery.LayoutParams( 300, 200));
i.setScaleType(ImageView.ScaleType.FIT_XY); i.setBackgroundResource(
mGalleryItemBackground);
return i; }
![Page 37: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/37.jpg)
Palpabilidad Observe cómo se transfieren las imágenes a través de los dispositivos
160 dpi - medio 16:9 relación de aspecto
![Page 38: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/38.jpg)
Alcance la magia 01 MANTENGA EL DETALLE ERGONÓMICO
02 INVOLUCRE LOS SENTIDOS
03 USE UNA ESTÉTICA FABULOSA Temas, temas, temas
04 HÁGALO EVIDENTE
![Page 39: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/39.jpg)
Temas Encuádrelos en el dispositivo o destáquelos
![Page 40: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/40.jpg)
Theme.Holo
Theme.Holo.Light
Temas Honeycomb tiene dos temas holográficos nuevos
![Page 41: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/41.jpg)
Temas Pero requieren aceleración del hardware
<application android:icon="@drawable/icon" android:label="@string/app_name"
android:hardwareAccelerated="true" >
Sólo disponibles con Honeycomb
![Page 42: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/42.jpg)
Temas Pero usted podría apuntar a varias versiones Android
<uses-sdk android:minSdkVersion="8" android:targetSdkVersion="11" />
![Page 43: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/43.jpg)
Temas Cree varios temas para las versiones Android
<style … parent= "@android:style/Theme.Holo">
<style … parent= "@android:style/Theme">
![Page 44: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/44.jpg)
Asegúrese de que todas las llamadas de API que usa
funcionen con todas las versiones de API que soporta.
![Page 45: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/45.jpg)
Alcance la magia 01 MANTENGA EL DETALLE ERGONÓMICO
02 INVOLUCRE LOS SENTIDOS
03 USE UNA ESTÉTICA FABULOSA
04 HÁGALO EVIDENTE Barras de acción Fragmentos Función arrastrar y soltar
![Page 46: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/46.jpg)
Barra de acción Apronte sus características de aplicación
Elementos de acción
Icono de aplicación
Vista de acción
Diálogo de cuadro desplegable
![Page 47: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/47.jpg)
Barras de acción Códigos visuales
onCreateOptionsMenu()
<item android:showAsAction="true" … >
onOptionsItemSelected() android:actionLayout android:actionViewClass
![Page 48: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/48.jpg)
Barras de acción Paso 1. Apuntar a API nivel 11
<uses-sdk android:minSdkVersion="8" android:targetSdkVersion="11" />
![Page 49: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/49.jpg)
Barras de acción Paso 2. Colocar los elementos del menú en la barra de acción
<item android:id="@+id/favorite" android:title="@string/favorite" android:icon="@drawable/ic_menu_star" android:showAsAction="ifRoom" />
![Page 50: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/50.jpg)
Barras de acción Paso 3. Manejar la selección de opciones de la manera habitual
@Override public boolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()) { case R.id.favorite:
// do something return true; … }
![Page 51: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/51.jpg)
Barras de acción En XOOM y smartphone
![Page 52: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/52.jpg)
Barras de acción Alcance la magia, dé estilo
<style name="MyTheme" parent="android:style/Theme.Holo" >
<item name="android:actionBarStyle"> @style/ActionBar</item>
</style>
<style name="ActionBar" parent="android:style/Widget.Holo.ActionBar">
<item name="android:background"> @drawable/my_background</item>
</style>
![Page 53: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/53.jpg)
Barras de acción Alcance la magia, agregue un cuadro de diálogo
Use AlertDialog.Builder Cree un cuadro de diálogo personalizado en XML Use un DialogFragment
![Page 54: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/54.jpg)
Barras de acción Pero ejecute los elementos Honeycomb sólo en Honeycomb
private static boolean isHoneycomb = android.os.Build.VERSION.SDK_INT > 10;
if (isHoneycomb) { // cree el cuadro de diálogo personalizado aquí }
![Page 55: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/55.jpg)
Fragmentos Úselos para mostrar más contendido y características, más fluidamente
![Page 56: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/56.jpg)
Fragmentos Puede usar varios diseños
Los más comunes
![Page 57: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/57.jpg)
Fragmentos La distribución del fragmento inicial es el misma a lo largo de las orientaciones
![Page 58: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/58.jpg)
Fragmentos Pero puede mostrar u ocultar vistas
![Page 59: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/59.jpg)
Fragmentos En su Activity principal, encuentre sus fragmentos
Fragment gridFrag = getFragmentManager().
findFragmentById(R.id.photogrid);
Fragment photoFrag = getFragmentManager(). findFragmentById(R.id.the_frag);
![Page 60: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/60.jpg)
Fragmentos Verifique la orientación y ajuste las vistas
private boolean photoInline = false;
photoInline = (photoFrag != null && getResources().getConfiguration().orientation == Configuration.ORIENTATION_LANDSCAPE);
if (photoInline) { // haga algo } else if ( photoFrag != null ) { getView().setVisibility(View.GONE); }
![Page 61: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/61.jpg)
Fragmentos Mejor todavía
Transición animada
![Page 62: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/62.jpg)
Fragmentos Alcance la magia: anime la pantalla del fragmento – paso 1
<set> <objectAnimator
xmlns:android= http://schemas.android.com/apk/res/android
android:propertyName="x" android:valueType="floatType" android:valueFrom="-1280" android:valueTo="0" android:duration="500" />
</set>
![Page 63: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/63.jpg)
Fragmentos Alcance la magia: anime la pantalla del fragmento – paso 2
FragmentTransaction ft = getFragmentManager().beginTransaction();
ft.setCustomAnimations( R.anim.slide_in_left, R.anim.slide_out_right );
DetailsFragment newFrag =DetailsFragment.newInstance();
ft.replace(R.id.details_fragment_container, newFrag, "detailFragment");
ft.commit();
![Page 64: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/64.jpg)
Arrastre y solte Crea participación física inmediata, directa
![Page 65: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/65.jpg)
Arrastre y solte Tiene varios estados de eventos
ACTION_DRAG_STARTED
ACTION_DRAG_ENTERED
![Page 66: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/66.jpg)
Arrastre y solte Tiene varios estados de eventos
ACTION_DROP ACTION_DRAG_ENDED
![Page 67: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/67.jpg)
Arrastre y solte Observe cómo funciona a lo largo de los fragmentos
![Page 68: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/68.jpg)
Seleccionar un gesto que inicie un arrastre: ¿clic largo? Crear un oyente: OnLongClickListener() Crear objetos de ClipData y DragShadowBuilder Iniciar el arrastre
Arrastre y solte Para comenzar, llame a startDrag()
public boolean onLongClick(View v) { ClipData data = ClipData.newPlainText("foo","bar"); DragShadowBuilder shadowBuilder = new DragShadowBuilder(v); v.startDrag(data, shadowBuilder, v, 0); return true; }
![Page 69: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/69.jpg)
Crear un listener de arrastre (implementar OnDragListener) Sobrecargue onDrag y maneje los eventos
Arrastre y solte Luego continúe con un listener y onDrag()
class BoxDragListener implements OnDragListener {
public boolean onDrag(View self, DragEvent event) { if (event.getAction() ==
DragEvent.ACTION_DRAG_STARTED) { // haga algo
} // maneje otros eventos }
![Page 70: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/70.jpg)
¿Desea formular alguna pregunta?
Brasil - #appsum11br Argentina - #appsum11ar México - #appsum11mx
community.developer.motorola.com
![Page 71: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/71.jpg)
gracias
![Page 72: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/72.jpg)
LEGAL
INFORMACIÓN DE LA LICENCIA
Con excepción de dónde se especifique, el código de fuente de muestra escrito por Motorola Mobility Inc. y a usted suministrado tiene la licencia que a continuación se describe.
Copyright © 2010-2011, Motorola, Inc. Todos los derechos reservados, salvo que se indique explícitamente lo contrario. Se permite la redistribución y el uso en formas de fuente y binaria, con o sin modificación, siempre y cuando se cumpla con las siguientes condiciones: Las redistribuciones del código fuente deben conservar el aviso de derechos de autor arriba mencionado, la presente lista de condiciones y el siguiente descargo de
responsabilidad. Las redistribuciones en forma binaria deben reproducir el aviso de derechos de autor arriba mencionado, la presente lista de condiciones y el siguiente descargo de
responsabilidad en la documentación y/u otros materiales suministrados con la distribución.
Ni el nombre de Motorola, Inc. ni los nombres de sus distribuidores pueden usarse para avalar o promover productos que deriven de este software sin previa autorización específica por escrito.
EL PRESENTE SOFTWARE SE SUMINISTRA POR LOS TITULARES DE LOS DERECHOS DE AUTOR Y CONTRIBUYENTES EN EL ESTADO "EN QUE SE ENCUENTRA" Y SE RENUNCIA A TODA RESPONSABILIDAD DE GARANTÍA IMPLÍCITA O EXPLÍCITA, A TÍTULO ENUNCIATIVO, LAS GARANTÍAS IMPLÍCITAS DE COMERCIALIZACIÓN Y DE APTITUD PARA UN PROPÓSITO PARTICULAR. EN NINGÚN CASO PODRÁ EL TITULAR DE LOS DERECHOS DE AUTOR NI LOS CONTRIBUYENTES SER RESPONSABLE POR NINGÚN DAÑO Y PERJUICIO DIRECTO, INDIRECTO, INCIDENTAL, ESPECIAL, PUNITIVO, O CONSECUENCIAL (A TÍTULO ENUNCIATIVO DE ABASTECIMIENTO DE BIENES O SERVICIOS DE SUSTITUCIÓN; PÉRDIDA DE USO, DATOS O GANANCIAS O INTERRUPCIÓN DE ACTIVIDADES) INDEPENDIENTEMENTE DE SU ORIGEN Y DE TODA TEORÍA DE RESPONSABILIDAD, YA SEA EN EL CONTRATO, RESPONSABILIDAD ESTRICTA O POR LESIÓN JURÍDICA (INCLUSO NEGLIGENCIA O DE OTRO MODO) QUE SURJAN DE ALGUNA MANERA DEL USO DE ESTE SOFTWARE, INCLUSO SI SE ADVIRTIÓ DE LA POSIBILIDAD DE DICHO DAÑO.
Otro código fuente mostrado en la presentación podrá ofrecerse bajo otras licencias.
Apache 2.0 Copyright © 2010, Proyecto Código Abierto Android. Todos los derechos reservados, salvo indicación expresa en contrario.
Con licencia de Apache, Versión 2.0 (la "Licencia"); no podrá usar este archivo, salvo que cumpla con lo que establece la licencia. Puede obtener una copia de la licencia en http://www.apache.org/licenses/LICENSE-2.0.
Salvo que lo exija la legislación vigente o se preste conformidad por escrito, el software se distribuye bajo licencia, "EN EL ESTADO EN QUE SE ENCUENTRA" SIN GARANTÍAS DE NINGÚN TIPO, explícitas o implícitas. Consulte la Licencia para ver los permisos y las limitaciones que rigen para la Licencia según el idioma específico.
Creative Commons 3.0 Attribution License Partes de esta presentación se reprodujeron de un trabajo creado y compartido con Google (http://code.google.com/policies.html) y se usaron conforme a los
términos descritos en Creative Commons 3.0 Attribution License (http://creativecommons.org/licenses/by/3.0/).
![Page 73: Consejos principales para Android UI Cómo alcanzar la magia en los tablets](https://reader033.fdocuments.mx/reader033/viewer/2022052901/55654b23d8b42a9b4c8b4d6e/html5/thumbnails/73.jpg)