Diseño Interfaz Usuario en Android
-
Upload
eduardo-alejandro-gomez -
Category
Documents
-
view
223 -
download
0
Transcript of Diseño Interfaz Usuario en Android
-
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.