Taller Desarrollo. Tecnólogo Informática - 6to Semestre Montevideo

Transcripción

1 Taller Desarrollo Mobile Tecnólogo Informática - 6to Semestre Montevideo

2 UI INTENT Desarrollo Mobile

3 Agenda UI Layout Fragments Widget Tool Box Adapters Intent - Broadcast Receiver Internet Resources

4 Repaso Desarrollo Mobile

5 Repaso Activity Son componentes que representan a una pantalla. Cada pantalla está asociada a una o más activity. public class MainActivity extends Activity protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.activity_main); }

6 Repaso Manifest Es un archivo XML donde se definen las características principales de la aplicación. Declaración de actividades Declaración de permisos Versión de SDK

7 Repaso Recursos Es todo aquello que utiliza la aplicación que no forma parte del código fuente. Imagenes,videos, archivos de audio,textos, menús y layout. Se encuentra dentro de la carpeta res y se acceden mediante un identificador.

8 Repaso Términos y Conceptos Tamaño de pantalla Densidad de pantalla Orientación Resolución Densidad Independiente de pixel (dp)

9 Repaso Usabilidad Facilidad con que el usuario puede utilizar la aplicación Considerar: Lugar de acceso Iluminación Tamaños de pantalla Ubicación de controles (botones, cajas de texto, etc.) Movimiento y rotación Performance

10 Repaso Usabilidad Elementos clave para usabilidad mobile tiempo navegación pulgar-friendly visibilidad simplicidad evitar ingresos de mucha información seleccionar vs ingresar

11 Repaso Usabilidad

12 UI Desarrollo Mobile

13 Layout Son componentes invisibles que determinan la disposición de las vistas en una pantalla, pueden ser creados por código o en archivos XML.

14 Layout Cada Archivo XML layout es compilado en un recurso layout R.layout.<layout_file_name> Un recurso de layout es cargado con setcontentview(r.layout.<layout_file_name>) public void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.main_layout); }

15 Layout

16 Layout

17 Layout XML <?xml version= 1.0 encoding= utf-8?> <LinearLayout xmlns:android=./android android:orientation= vertical android:layout_width= match_parent android:layout_height= match_parent > <TextView android:layout_width= match_parent android:layout_height= wrap_content android:text= Text /> <EditText android:layout_width= match_parent android:layout_height= wrap_content android:text= Text /></LinearLayout> CÓDIGO LinearLayout ll = new LinearLayout(this); ll.setorientation(linearlayout.vertical); TextView mytextview = new TextView(this); EditText myedittext = new EditText(this); mytextview.settext( Enter Text Below ); myedittext.settext( Text Goes Here! ); int lheight = LinearLayout.LayoutParams.MATCH_PARENT; int lwidth = LinearLayout.LayoutParams.WRAP_CONTENT; ll.addview(mytextview, new LinearLayout.LayoutParams(lHeight, lwidth)); ll.addview(myedittext, new LinearLayout.LayoutParams(lHeight, lwidth)); setcontentview(ll);

18 Layout

19 Layout

20 Layout <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android=" d" android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="type here:"> </TextView> <EditText android:layout_width="match_parent" android:layout_height="wrap_content" und"> </EditText> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignparentright="true" android:layout_marginleft="10dip" android:text="ok"> </Button> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="cancel"> </Button> </RelativeLayout>

21 Layout <?xml version="1.0" encoding="utf-8"?> <AbsoluteLayout xmlns:android=" apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_x="42dp" android:layout_y="62dp" android:text="button"> </Button> <RadioButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_x="171dp" android:layout_y="318dp" android:text="radiobutton"> </RadioButton> </AbsoluteLayout>

22 Layout <?xml version= 1.0 encoding= utf-8?> <merge xmlns:android= oid > <ImageView android:layout_width= match_parent android:layout_height= match_parent /> <TextView android:layout_width= match_parent android:layout_height= wrap_content android:gravity= center_horizontal android:layout_gravity= bottom /> </merge> <?xml version= 1.0 encoding= utf-8?> <LinearLayout xmlns:android= oid android:orientation= vertical android:layout_width= match_parent android:layout_height= match_parent > <include /> <include /> </LinearLayout>

23 Layout

24 Fragment Es una sección de una actividad, tiene su propio ciclo de vida, recibe sus propios eventos de entrada, y se añadir o quitar mientras la actividad se está ejecutando. Un fragmento puede ser reutilizado en más de una actividad. public class ArticleFragment extends Fragment public View oncreateview(layoutinflater inflater, ViewGroup container, Bundle savedinstancestate) { return inflater.inflate(r.layout.some, container, false); } }

25 Fragment public class MyActivity extends FragmentActivity public class MySkeletonFragment extends Fragment public View oncreateview(layoutinflater inflater, ViewGroup container, Bundle savedinstancestate) { // Create, or inflate the Fragment s UI, and return it. // If this Fragment has no UI then return null. return inflater.inflate(r.layout.my_fragment, container, false); } } FragmentManager fragmentmanager = getfragmentmanager(); <?xml version= 1.0 encoding= utf-8?> <LinearLayout xmlns:android= android:orientation= horizontal android:layout_width= match_parent android:layout_height= match_parent > <fragment android:name= com.paad.weatherstation.mylistfragment android:layout_width= match_parent android:layout_height= match_parent android:layout_weight= 1 /> <fragment android:name= com.paad.weatherstation.detailsfragment android:layout_width= match_parent Introducing Fragments x 121 android:layout_height= match_parent android:layout_weight= 3 /></LinearLayout>

26 Fragment

27 Fragment Dialog Fragment ListFragment WebViewFragment

28 Dialog Son ventanas pequeñas que se colocan por encima de la actividad actual, la cual pierde el foco. Usualmente utilizados para notificaciones o acciones simples. AlertDialog ProgressDialog DatePickerDialog TimePickerDialog

29 Dialog AlertDialog.Builder builder = new AlertDialog.Builder(this); builder.setmessage("are you sure you want to exit?").setcancelable(false).setpositivebutton("yes", new DialogInterface.OnClickListener() { public void onclick(dialoginterface dialog, int id) { MyActivity.this.finish(); } }).setnegativebutton("no", new DialogInterface.OnClickListener() { public void onclick(dialoginterface dialog, int id) { dialog.cancel(); } }); AlertDialog alert = builder.create();

30 Custom Dialog <LinearLayout xmlns:android=" /android" android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="fill_parent" android:padding="10dp" > <ImageView android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_marginright="10dp" /> </LinearL ayout> Context mcontext = getapplicationcontext(); Dialog dialog = new Dialog(mContext); dialog.setcontentview(r.layout.custom_dialog); dialog.settitle("custom Dialog"); ImageView image = (ImageView) dialog.findviewbyid(r.id.image); image.setimageresource(r.drawable.android);

31 View View Son los componentes de la interfaz del usuario, ejemplo: TextView, EditText,Button, Checkbox, etc. View Group Son vistas especiales que contienen otras vistas (DatePicker, Gallery, ListView, ScrollView, etc.) ViewStub Es una vista invisible y sin tamaño que se usa de forma lazily inflate en tiempo de ejecución.

32 Widget ToolBox TextView EditText AutoCompleteTextView MultiAutoCompleteTextView Button ImageButton ToogleButton CheckBox RadioButton ListView WebView

33 Custom View Modificar o extender Modificar o extender Combinar Crear

34 Lint

35 Adapters Son utilizados para ligar datos para ser mostrados a View Groups que extiendan de AdapterView tales como ListView o Gallery. ArrayAdapter SimpleCursorAdapter

36 Intents Son mensajes que provocan notificaciones o cambios de estado. Cumplen la función de unir componentes dentro de la misma aplicación o diferentes aplicaciones, el uso más común es navegar entre actividades. Intent intent = new Intent(Intent.ACTION_DIAL, Uri.parse( tel: )); startactivity(intent);

37 Intents Explícitos: Si se establece un destinatario, se le envía un mensaje directamente(dentro de la aplicación). Implícitos: Si no se establece un destinatario, se debe incluir suficiente información para que Android determine el mejor componente candidato para ejecutar el Intent(Fuera de la aplicación). Para buscar el mejor candidato, se utilizan los Intent-filters

38 Intents

39 Intents Estructura Action: Determina la acción que genera (ACTION_VIEW, ACTION_EDIT, etc.) Data: Contiene los datos que la acción debe operar. Son expresados en forma de URI ACTION_VIEW: content://contacts/people/1 ACTION_DIAL: tel:// ACTION_DIAL: content://contacts/people/2

40 Intents Atributos adicionales Category: Ofrece información adicional sobre el tipo de componente que debe capturar el Intent. Type: Tipo MIME de los datos del Intent. Es opcional. Component: Indica qué componente especificado en el Manifest realizará la acción del Intent. Si se especifica, se entregará a una instancia de esa clase, si no Android buscará el componente que mejor considere. Extras: Información adicional, en pares clave / valor.

41 Intents Acciones nativas ACTION_ANSWER: Abre una actividad para gestionar llamadas entrantes. ACTION_CALL: Inicia una llamada utilizando el número enviado en el URI. ACTION_DELETE: Borra una entrada de datos especificado en el URI. ACTION_DIAL: Aparece el marcador con el número especificado. ACTION_EDIT: Invoca una actividad para editar la información de el URI. ACTION_INSERT: Inserta nuevos items, por ejemplo contactos. ACTION_PICK: Recupera información de un item. ACTION_SEARCH: Invoca una actividad para realizar búsquedas. ACTION_SENDTO: Envía un mensaje a un contacto. ACTION_SEND: Envía información específica en el URI. ACTION_VIEW: Petición para ver información de la mejor manera posible. ACTION_WEB_SEARCH: Realiza búsquedas web de la info en el URI.

42 Broadcast Receiver Son componentes que responden a avisos y anuncios de difusión. Estos avisos pueden provenir de aplicaciones o del sistema como ser avisos de batería baja, una llamada entrante, etc. public class MyBroadcastReceiver extends BroadcastReceiver public void onreceive(context context, Intent intent) { //TODO: React to the Intent received. } }

43 Referencias #DeclaringTabletLayouts

44 Próxima clase? - Servicios