7/26/2019 Diseo Interfaz Usuario en Android

1/8

CAPTULO 1.

Diseo avanzado de interfaces de usuario

GridView 1.1.

Ejercicio paso a paso:Primera versin de

Audiolibros con un GridView.

7/26/2019 Diseo Interfaz Usuario en Android

2/8

1.

public classMainActivity extendsActivity {

@Overrideprotected voidonCreate(BundlesavedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);GridView gridview = (GridView)findViewById(R.id.gridview);gridview.setAdapter(newSelectorAdapter(this));gridview.setOnItemClickListener(newOnItemClickListener() {public voidonItemClick(AdapterView parent,View v, intposition, longid) {Toast.makeText(MainActivity.this, "Seleccionado

el elemento: " + position,Toast.LENGTH_SHORT).show();}});}}public classSelectorAdapterextends

BaseAdapter {LayoutInflater layoutInflater;public staticVectorbookVector;publicSelectorAdapter(Activity a) {layoutInflater = (LayoutInflater) a

7/26/2019 Diseo Interfaz Usuario en Android

3/8

.getSystemService(Context.LAYOUT_INFLATER_SERVICE);inicializarVector();

}public intgetCount() {returnbookVector.size();}publicObject getItem(intposition) {return null;}public longgetItemId(intposition) {return0;}publicView getView(intposition, ViewconvertView, ViewGroup parent){ImageView imageView;

TextView audiolibroTextView;BookInfo bookInfo =bookVector.elementAt(position);View view = convertView;if(convertView == null) {view =layoutInflater.inflate(R.layout.elemento_selector,n

ull);}audiolibroTextView = (TextView)view.findViewById(R.id.titulo);

7/26/2019 Diseo Interfaz Usuario en Android

4/8

imageView = (ImageView)view.findViewById(R.id.imageView1);imageView.setImageResource(bookInfo.resource

Image);imageView.setScaleType(ImageView.ScaleType.CENTER_INSIDE);audiolibroTextView.setText(bookInfo.name);returnview;}}

7/26/2019 Diseo Interfaz Usuario en Android

5/8

Diseo avanzado de interfaces de usuariopublic static voidinicializarVector() {bookVector= newVector();

bookVector.add(newBookInfo("Kappa","Akutagawa", R.drawable.kappa,"http://www.leemp3.com/leemp3/1/Kappa_akutagawa.mp3"));bookVector.add(newBookInfo("Avecilla", "AlasClarn, Leopoldo",R.drawable.avecilla,"http://www.leemp3.com/leemp3/Avecilla_alas.mp3"));bookVector.add(newBookInfo("Divina Comedia","Dante",R.drawable.divinacomedia,"http://www.leemp3.com/leemp3/8/Divina%20Co

media_alighier.mp3"));bookVector.add(newBookInfo("Viejo Pancho,El","Alonso y Trelles, Jos",R.drawable.viejo_pancho,"http://www.leemp3.com/leemp3/1/viejo_pancho_trelles.mp3"));

bookVector.add(newBookInfo("Cancin deRolando", "Annimo",R.drawable.cancion_rolando,"http://www.leemp3.com/leemp3/1/Cancion%20de%20Rolando_ anonimo.mp3"));

7/26/2019 Diseo Interfaz Usuario en Android

6/8

bookVector.add(newBookInfo("Matrimonio desabuesos","Agata Christie",R.drawable.matrimonio_sabuesos,

"http://www.dcomg.upv.es/~jtomas/android/audiolibros/01.%20Matrimonio%20De%20Sabuesos.mp3"));bookVector.add(newBookInfo("Lailiada","Homero",R.drawable.iliada,"http://www.dcomg.upv.es/~jtomas/android/audiolibros/la-iliada- homero184950.mp3"));}public classBookInfo {publicString name;publicString autor;public intresourceImage;

publicString url;publicBookInfo(String name, String autor, intresourceImage, String url) {this.name = name;this.autor = autor;this.resourceImage = resourceImage;this.url = url;

}}

7/26/2019 Diseo Interfaz Usuario en Android

7/8

7/26/2019 Diseo Interfaz Usuario en Android

8/8

android:layout_alignBottom="@+id/imageView1"android:layout_alignParentLeft="true"android:layout_marginBottom="-21dp"

android:src="@drawable/sombra0"/>

Preguntas de repaso:GridView.