Tekhnologi Informasi

motivasi untuk tekhnologi Informasi pada era global sekarang ini tekologi informasi sebagai salah satu mata pelajaran yang memegang peranan penting untuk meningkatkan kualitas sumber daya manusia dalam menunjang kemajuan ilmu pengetahuan dan teknologi.
Belajar teknologi informasi tidak ada batasnya dan semakin banyak kita belajar menimba ilmu maka semakin terasa kecil ilmu yang kita punya. Dan betapa mulianya ketika ilmu yang kita miliki mampu kita jabarkan dan dapat dimanfaatkan oleh orang lain. Melalui media pembelajaran ini saya sebagai penulis artikel ini merasa sangat bermanfaatnya ilmu ini bagi diri saya dan meningkatkan semangat untuk mengenal pendidikan teknologi yang begitu besar pengaruhnya terhadap kehidupan manusia.

Membuat Gallery Gambar dengan GridView
Aplikasi sederhana ini menampilkan gallery gambar dalam bentuk grid, jika ingin melihat detail gambar klik saja salah satu gambarnya. Ok, langsung saja kita buat aplikasinya. Ikuti langkah-langkah berikut ini:


1.  Buat project baru di Eclipse (File –> New –> Project –> Android Application Project)

2.  Ketikkan kode xml di main.xml seperti di bawah ini:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
>
<GridView
android:id="@+id/gridView1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:numColumns="3" >
</GridView>

</LinearLayout>

3.  Copy-kan beberapa gambar yang akan ditampilkan di folder res –> drawable-mdpi

4.  Ketikkan kode program di GridActivity.java seperti di bawah ini :

package com.gridview;

import android.os.Bundle;

import android.app.Activity;

import android.content.Context;

import android.content.Intent;

import android.view.View;

import android.view.ViewGroup;

import android.widget.AdapterView;

import android.widget.AdapterView.OnItemClickListener;

import android.widget.BaseAdapter;

import android.widget.GridView;

import android.widget.ImageView;

import android.widget.Toast;

public class GridActivity extends Activity {

public static Integer[] imageIDS = {R.drawable.alpukat,R.drawable.anggur,R.drawable.apel,R.drawable.belimbing,

R.drawable.cherry,R.drawable.duren,R.drawable.jeruk,R.drawable.kates,

R.drawable.lemon,R.drawable.manggis,R.drawable.naga,R.drawable.pir,

R.drawable.sirsat,R.drawable.pisang, R.drawable.strobery};

GridView gridView;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

gridView = (GridView) findViewById(R.id.gridView1);

gridView.setAdapter(new ImageAdapter(this));

gridView.setOnItemClickListener(new OnItemClickListener() {

@Override

public void onItemClick(AdapterView<?> parent, View v, int position,

long id) {

Toast.makeText(getBaseContext(), "pic" + (position + 1) + " selected",

Toast.LENGTH_SHORT).show();

detail(position);

}

});

}

protected void detail(int position) {

Intent i = new Intent(this, SingleImage.class);

Bundle b = new Bundle();

b.putInt("posisi", position);

i.putExtras(b);

startActivity(i);

}

public class ImageAdapter extends BaseAdapter{

Context context;

int itemBackground;

public ImageAdapter(Context c){

context = c;

}

@Override

public int getCount() {

return imageIDS.length;

}

@Override

public Object getItem(int position) {

return position;

}

@Override

public long getItemId(int position) {

return position;

}

@Override

public View getView(int position, View convertView, ViewGroup parent) {

ImageView imageView;

if(convertView == null){

imageView = new ImageView(context);

imageView.setLayoutParams(new GridView.LayoutParams(85, 85));

imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);

imageView.setPadding(5, 5, 5, 5);

}else {

imageView = (ImageView) convertView;

}

imageView.setImageResource(imageIDS[position]);

return imageView;}

}

}

5.  Ketikkan kode xml di singleimage.xml seperti di bawah ini:

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

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical" >

<ImageView

android:id="@+id/imageView1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:contentDescription="gambar tunggal"

android:layout_gravity="center_horizontal|center_vertical"

android:layout_weight="1"

/>

</LinearLayout>

6. Ketikkan kode program di SingleImage.java seperti di bawah ini:

package com.gridview;

import android.app.Activity;

import android.os.Bundle;

import android.widget.ImageView;

public class SingleImage extends Activity{

ImageView img;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.singleimage);

int imId = this.getIntent().getExtras().getInt("posisi");

img = (ImageView) findViewById(R.id.imageView1);

int image = GridActivity.imageIDS[imId];

img.setImageResource(image);

7.Tambahkan activity di AndroidManifest.xml seperti di bawah ini:

<activity android:name=".

8.Run dan lihat hasilnya

Selamat mencoba, semoga bermanfaat.

Screenshoot tampilannya seperti di bawah ini:

9.jika diklik atau di tap maka akan muncul gambar seperti ini

Sekian dan terimakasih jika ada salah kodingan atau problem maklum saya masih belajar 

Wassalamualaikum warrohmatulahhi wa barakatuh.