Alisabri: April 2012

Senin, 16 April 2012

Galery di Android

Pada postingan kali ini saya akan mengaplikasikan widget galeri pada android. sebelum memulai baca doa dulu ya... hehehe..
langsung saja pada tutorialnya.. o ya jangan lupa siapin gambar-gambar yang akan ditampilkan dalam galeri android ini. jangan lupa juga kasih nama gambarnya dengan huruf kecil ya... Kalo sudah, langsung saja ke tutorialnya.. cekidot..

Buka Eclipse dan buat android project baru
Copy gambar-gambar yang akan digunakan dan paste di /res/drawable

buat main.xml seperti berikut:

<?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" >

<LinearLayout
android:id="@+id/linearLayout1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical" >

<Gallery
android:id="@+id/galeri"
android:layout_width="match_parent"
android:layout_height="wrap_content" />

</LinearLayout>

<ImageView
android:id="@+id/gambar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="0.64" />

</LinearLayout>

Setelah itu sekarang kita buat juga attrs.xml di res/values seperti berikut

<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="HelloGallery">
<attr name="android:galleryItemBackground" />
</declare-styleable>
</resources>

Sekarang saatnya ke javaya:

package org.dharmatin.ImageGaleri;

import android.app.Activity;
import android.content.Context;
import android.content.res.TypedArray;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.Gallery;
import android.widget.ImageView;
import android.widget.Toast;
import android.widget.AdapterView.OnItemClickListener;

public class ImageGaleriActivity extends Activity {

Integer[]foto={
R.drawable.arsenal125,
R.drawable.arsenal9,
R.drawable.arsenalbelt,
R.drawable.arsenalold,
R.drawable.arsenalold2,
};

String[]Nama={"Arsenal 125 thn","Arsenal Wallpaper","Arsenal Belt",
"Arsenal Dulu","Arsenal Jadul"};

ImageView iv;

public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

Gallery ga= (Gallery)findViewById(R.id.galeri);
ga.setAdapter(new ImageAdapter(this));

iv = (ImageView)findViewById(R.id.gambar);
ga.setOnItemClickListener(new OnItemClickListener(){

public void onItemClick(AdapterView arg0, View arg1, int arg2,long arg3) {
Toast.makeText(getBaseContext(),"Picture of " + (Nama[arg2]), Toast.LENGTH_LONG).show();
iv.setImageResource(foto[arg2]);
}
});
}

public class ImageAdapter extends BaseAdapter{

private Context ctx;
int imageBackground;

public ImageAdapter(Context c){
ctx = c;
TypedArray ta = obtainStyledAttributes(R.styleable.HelloGallery);
imageBackground = ta.getResourceId(R.styleable.HelloGallery_android_galleryItemBackground, 1);
ta.recycle();

}

public int getCount() {
return foto.length;
}

public Object getItem(int arg0) {
return arg0;
}

public long getItemId(int position) {
return position;
}

public View getView(int position, View convertView, ViewGroup parent) {
ImageView iv = new ImageView(ctx);
iv.setImageResource(foto[position]);
iv.setScaleType(ImageView.ScaleType.FIT_XY);
iv.setLayoutParams(new Gallery.LayoutParams(150,120));
iv.setBackgroundResource(imageBackground);
return iv;
}
}

}

Selesai...

===>>>SALAM<<<=====

Widget by Css Reflex | TutZone

-Galery di Android

Senin, 02 April 2012

WebView di Android

Postingan kali ini saya akan membuat aplikasi menggunakan webview . Webview memungkinkan kita untuk meng-embed halaman web ke dalam window/layout yang kita buat di android. jika sebelumnya kita menggunakan intent untuk membuka browser, maka sekarang saya akan mencoba membuat dengan menggunakan webview. Dengan webview kita memungkinkan untuk membuat aplikasi web kita sendiri ke dalam android. Untuk lebih jelasnya ikuti langkah-langkah berikut:

Buka Eclipse dan Buat android project baru.
Buat layoutnya, berikut adalah layout main.xml:

Kemudian pada kode javanya masukan skrip berikut:

package org.dharmatin.WebViewExamp;

import android.app.Activity;
import android.net.http.SslError;
import android.os.Bundle;
import android.webkit.SslErrorHandler;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class WebViewExamActivity extends Activity
{

@Override
public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

WebView web = (WebView)findViewById(R.id.Web);
web.getSettings().setJavaScriptEnabled(true);
web.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);
web.getSettings().setPluginsEnabled(false);
web.getSettings().setSupportMultipleWindows(false);
web.getSettings().setSupportZoom(true);
web.setVerticalScrollBarEnabled(false);
web.setHorizontalScrollBarEnabled(false);

// Load URL
web.loadUrl("http://alisabrie.blogspot.com");
web.setWebViewClient(new WebViewClient()
{
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url)
{
return false;
}

// buat https
public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error)
{
handler.proceed();
}
});
}

}

Karena kita terhubung dengan internet, maka gunakan permissions internet pada AndroidManifest.xml, sehingga AndroidManifest.xml menjadi seperti ini:

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="org.dharmatin.WebViewExamp"
android:versionCode="1"
android:versionName="1.0" >

<uses-sdk android:minSdkVersion="10" />
<uses-permission android:name="android.permission.INTERNET"/>

<application
android:icon="@drawable/ic_launcher"
android:label="@string/app_name" >
<activity
android:name=".WebViewExamActivity"
android:label="@string/app_name" >
<intent-filter>
<action android:name="android.intent.action.MAIN" />

<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>

</manifest>

Selesai... Hasilnya akan terlihat seperti gambar di atas. Jika ingin mengganti halaman webnya tinggal ganti urlnya saja pada loadUrl dan jangan lupa untuk mengaktifkan javascriptnya (setJavaScriptEnable(boolean)).

===>>>SALAM<<<=====