Academia Tecnológica Desarrollo de Aplicaciones en

Eureka Android

PRACTICA 6: SCROLLVIEWS, OnClickListener

Objetivos
 Implementando un ScrolViews

IMAGE VIEW
1. Agregamos las demás imágenes del directorio de recursos

2. Continuando con el ejemplo anterior. Abrimos el archivo main.xmls

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
android:background="@drawable/mago"
>

<ImageView
android:layout_width="150dp"
android:layout_height="150dp"
android:id="@+id/ivPrincipal"
android:src="@drawable/daddy"
android:layout_gravity="center_horizontal"
/>
<HorizontalScrollView
android:layout_width="250dp"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:scrollbars="none"
>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
>

Área de Capacitación www.innovaeureka.com 1/4

 Academia Tecnológica Desarrollo de Aplicaciones en
Eureka Android

<ImageView
android:layout_width="150dp"
android:layout_height="150dp"
android:id="@+id/ivMana"
android:src="@drawable/mana"
android:layout_gravity="center_horizontal"
android:paddingLeft="15dp"/>
<ImageView
android:layout_width="150dp"
android:layout_height="150dp"
android:id="@+id/ivExtraterrestres"
android:src="@drawable/extraterrestres"
android:layout_gravity="center_horizontal"
android:paddingLeft="15dp"/>
<ImageView
android:layout_width="150dp"
android:layout_height="150dp"
android:id="@+id/ivSoda"
android:src="@drawable/soda"
android:layout_gravity="center_horizontal"
android:paddingLeft="15dp" />
<ImageView
android:layout_width="150dp"
android:layout_height="150dp"
android:id="@+id/ivRedhot"
android:src="@drawable/redhot"
android:layout_gravity="center_horizontal"
android:paddingLeft="15dp" />
<ImageView
android:layout_width="150dp"
android:layout_height="150dp"
android:id="@+id/ivTux"
android:src="@drawable/tux"
android:layout_gravity="center_horizontal"
android:paddingLeft="15dp"/>
<ImageView
android:layout_width="150dp"
android:layout_height="150dp"
android:id="@+id/ivMago"
android:src="@drawable/mago"
android:layout_gravity="center_horizontal"
android:paddingLeft="15dp" />
</LinearLayout>
</HorizontalScrollView>
</LinearLayout>
3. Abrimos Ejemplo2Activity.java
package com.android.ejemplo2;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;

Área de Capacitación www.innovaeureka.com 2/4

 Academia Tecnológica Desarrollo de Aplicaciones en
Eureka Android

import android.view.View.OnClickListener;
import android.widget.ImageView;

public class Ejemplo2Activity extends Activity implements OnClickListener{

/** Called when the activity is first created. */
ImageView principal,mana, extraterrestres, soda, redhot, tux, mago;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
principal=(ImageView) findViewById(R.id.ivPrincipal);
mana=(ImageView) findViewById(R.id.ivMana);
extraterrestres=(ImageView) findViewById(R.id.ivExtraterrestres);
soda=(ImageView) findViewById(R.id.ivSoda);
redhot=(ImageView) findViewById(R.id.ivRedhot);
tux=(ImageView) findViewById(R.id.ivTux);
mago=(ImageView) findViewById(R.id.ivMago);

mana.setOnClickListener(this);
extraterrestres.setOnClickListener(this);
soda.setOnClickListener(this);
redhot.setOnClickListener(this);
tux.setOnClickListener(this);
mago.setOnClickListener(this);

}
@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
switch(arg0.getId()){
case R.id.ivMana:
principal.setImageResource(R.drawable.mana);
break;
case R.id.ivExtraterrestres:
principal.setImageResource(R.drawable.extraterrestres);
break;
case R.id.ivSoda:
principal.setImageResource(R.drawable.soda);
break;
case R.id.ivRedhot:
principal.setImageResource(R.drawable.redhot);
break;
case R.id.ivTux:
principal.setImageResource(R.drawable.tux);
break;
case R.id.ivMago:
principal.setImageResource(R.drawable.mago);
break;
}
}
}

Área de Capacitación www.innovaeureka.com 3/4

 Academia Tecnológica Desarrollo de Aplicaciones en
Eureka Android

4. Ejecutamos e ejemplo. Que sucede cuando le hacemos click a las imágenes

Área de Capacitación www.innovaeureka.com 4/4