Membuat ImageView di Android

08/08/2014    Arya Febiyan    3387     Desain

Pagi ini Saya akan mengajarkan bagaimana cara menampilkan gambar atau bagaimana cara Membuat ImageView di Android. Nantinya Anda membuat sebuah halaman berisi gambar dan tombol button. Ketika Anda mengklik tombol button tersebut maka gambar akan berubah. Jadi siapkan dua buah gambar di dalam folder drawable.

Berikut file strings.xml :

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

    <string name="app_name">ImageView</string>
    <string name="gambar1">Gambar 1</string>
    <string name="btn">Ubah Gambar</string>
    <string name="reset">Reset Gambar</string>
    <string name="action_settings">Settings</string>

</resources>

Berikut file fragment_main.xml :

<ImageView
    android:id="@+id/img"
    android:layout_width="284dp"
    android:layout_height="284dp"
    android:contentDescription="@string/gambar1"
    android:src="@drawable/gambar1" />

<Button
    android:id="@+id/btn"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="@string/btn" />

<Button
    android:id="@+id/reset"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="@string/reset" />

Berikut file MainActivity.java :

public static class PlaceholderFragment extends Fragment {
    
    Button btn, reset;
    ImageView img;
    
    public PlaceholderFragment() {
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View rootView = inflater.inflate(R.layout.fragment_main, container, false);

        btn = (Button)rootView.findViewById(R.id.btn);
        reset = (Button)rootView.findViewById(R.id.reset);
        img = (ImageView)rootView.findViewById(R.id.img);
       
        btn.setOnClickListener(new View.OnClickListener() {                
            @Override
            public void onClick(View v) {
                img.setImageResource(R.drawable.gambar2);
            }
        });
       
        reset.setOnClickListener(new View.OnClickListener() {                
            @Override
            public void onClick(View v) {
                img.setImageResource(R.drawable.gambar1);
            }
        });
       
        return rootView;
    }
}

Berikut adalah hasil akhirnya :

No data.