Cara memperindah tampilan layout anda dengan image button pada eclipse

Cara memperindah tampilan layout anda dengan image button pada eclipse - Ok pada artikel kali ini saya akan membahas bagaimana cara membuat image button dengan mudah untuk itu anda dapat menyimak tahap demi tahap agar hasil akhir tutorial ini sama dengan yang telah anda praktekkan. So jangan berlama-lama lagi untuk tahap nya seperti berikut ini :

Langkah pertama : Cari gambar yang ingin anda jadikan objek kemudian, edit ukuran gambar tersebut dengan paint. Untuk ukuran sih terserah anda asalkan jangan lebih lebar dan tinggi dari pada android virtual device managernya. Pada contoh kali ini saya menggunakan gambar seperti dibawah ini.

button

Langkah kedua : Buka aplikasi eclipsenya kemudian masuk ke project sebelumnya yang sudah pernah saya posting selanjutnya drag gambar button menuju program eclipse, kemudian drop gambar tersebut pada folder mdpi yang terdapat didalam folder res. Apabila sudah di drop kan muncul tampilan seperti dibawah pilih copy file lalu klik ok. 

proses drag and drop image button

Maka file gambar button tersebut akan masuk pada folder mdpi seperti gambar dibawah ini.

file gambar button sudah masuk pada folder mdpi

Langkah ketiga : Setelah proses drag and drop selesai kini saatnya masuk folder layout yang terdapat di dalam folder res dan kemudian klik file activity_main.xml pilih tab graphic layout, agar dapat mengedrag and drop gambar buttonnya.

Langkah keempat : Pada tampilan graphic layout terdapat beberapa folder, dan untuk membuat image button kita dapat memilih folder Image & Media dan kemudian pilih Image Button.

proses drag and drop imagebuttoon pada graphic layout

Untuk selanjutnya drag image button tersebut ke layout dan akan muncul tampilan seperti berikut ini.

memilih gambar yang ingin dijadikan button pada folder mdpi

Setelah muncul tampilan seperti diatas pilih button lalu klik ok maka pada tampilan graphic layoutnya akan muncul hasil akhir dari tutorial image button seperti dibawah ini.

hasil akhir dari semua tahap

Apabila anda ingin melihat scritpnya anda dapat mengklik tab activity_main.xml nya,

script hasil akhir yang ada pada tab activity_main.xml

Sekian sedikit informasi bagaiman cara memperindah tampilan layout anda denga image button pada eclipse. Semoga beramanfaat dan dapat menjadi tambahan refernsi untuk anda. Dan mohon maaf sebesar-besarnya apabila penjelasan saya diatas kurang mudah dipahami.

Cara menambahkan background image di layout pada eclipse

Cara menambahkan background image di layout pada eclipse - Bagi anda yang bingung ingin memperindah tampilan aplikasi android anda, kini saya akan membantu anda dengan cara menambah backround image pada layout tampilan anda. Untuk cara dan tahap pembuatannya seperti berikut ini.

1. Cari gambar background anda terlebih dahulu, di google banyak kok untuk contoh kali ini background yang saya pakai seperti ini. Oh iya untuk penamaan file gambar pada contoh kali ini saya beri nama background.

Background

2. Jalankan eclipse dan kemudian buka project baru kemarin pilih folder res, dan selanjutnya pilih folder layout dimana terdapat file xml dengan nama activity_main.

3. Selanjutnya edit file gambar tersebut sesuai dengan width dan height pada android device manager. Pada contoh kali ini untuk ukuruan device managernya saya pilih ukuran 320x480.

4. Kemudian drag file gambar background tersebut menuju aplikasi eclipse kemudian drop file tersebut pada folder mdpi yang terdapat di dalam folder res.

5. Selanjutnya apabila sudah tercopy gambar background tersebut anda hanya cukup menambahkan script ini pada activity_main xml nya seperti dibawah ini.

android:background ="@drawable/background"

Script

Setelah semua tahap selesai anda dapat melihat background tersebut sudah terpasang pada graphical layout untuk memastikannya anda dapat merunning project tersebut.

Tampilan pada graphical layout

Demikian sedikit tutorial dari saya tentang bagaimana cara menambahkan background image di layout pada eclise, semoga bermanfaat. Kurang lebihnya saya mohon maaf apabila ada penjelasan saya yang kurang dimengerti oleh teman-teman.

Cara mudah membuat Textview dan Edittext dengan coding pada eclipse

Cara mudah membuat Textview dan Edittext dengan coding pada eclipse - kali ini saya akan membahas bagaimana cara membuat text view dan edit text dengan coding pada eclipse untuk pemula. Berikut tahap-tahap pembuatannya :

Tahap pertama

Anda terlebih dahulu harus membuat project baru kemudian setelah selesai tahap berikutnya ialah masuk ke folder res pilih layout kemudian di dalam folder layout terdapat file xml dengan nama activitiy_main selanjutnya ketik/copy paste kan script seperti dibawah ini : 

<TextView
        android:id="@+id/textpassword"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/editpassword"
        android:layout_below="@+id/editnama"
        android:layout_marginTop="14dp"
        android:text="Password :" />

    <EditText
        android:id="@+id/editnama"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/textnama"
        android:ems="10"
        android:hint="masukkan nama anda" >

        <requestFocus />
    </EditText>

    <EditText
        android:id="@+id/editpassword"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/editnama"
        android:layout_below="@+id/textpassword"
        android:ems="10"
        android:hint="masukkan password anda" />

    <TextView
        android:id="@+id/textnama"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/editnama"
        android:layout_alignParentTop="true"
        android:layout_marginTop="36dp"
        android:text="Nama :" />

Tahap kedua 

Cek pada tampilan Graphic layoutnya apabila berhasil akan sama seperti gambar dibawah ini :

membuat Textview dan Edittext dengan coding pada eclipse

Tahap ketiga

Tahap terakhir ini running file tersebut dengan cara klik kanan pada folder project baru - run as - android application selanjutnya akan muncul tampilan seperti dibawah ini :

membuat Textview dan Edittext dengan coding pada eclipse

So, demikian cara mudah membuat textview dan edittext pada eclipse untuk anda. Semoga bermanfaat dan dapat menjadi sedikit referensi bagi anda yang lagi asyik-asyiknya berkutat di bidang programming mobile.

Cara mudah buat project baru pada eclipse

Cara mudah buat project baru pada eclipse - Selamat siang teman-teman kali saya ingin berbagi dengan teman-teman cara gampang buat project baru di eclipse. Bagi teman-teman yang baru saja ingin menjajaki dunia pemrograman mobile, sebaiknya mengikuti cara berikut ini ok enggak perlu berlama-lama lagi langsung saja kita bahas:

Langkah Pertama

Klik pada menubarnya - new - pilih AndroidApplicationProjet seperti gambar diatas.

Langkah Kedua

Apabila proses sebelumnya sudah dilakukan akan muncul tampilan dialog yang dimaksudkan kepada kita untuk mengisi nama aplication dan mengatur minimum required dan target sdk. Seperti yang saya contoh kan diatas nama aplication nya saya berinama ProjekBaru dan package namenya saya kasih nama com.massipit.projekbaru kemudian klik button next untuk melanjutkan ke proses berikutnya.

Langkah Ketiga

proses selanjutnya yakni menentukan workspace atau tampat kerja dimana projek baru yang kita buat akan masuk ke dalam folder tersebut pada gambar diatas workspace punya saya sudah default bagi anda yang baru pertama kali yakni buat folder dulu kemudian klik browse dan klik folder yang anda maksudkan kemudian klik next untuk menlanjutkan ke proses berikutnya.

Langkah Keempat

proses selanjutnya konfigurasi icon louncer untuk project baru anda ya udah default aja kalo anda ingin image dari icon tersebut ada bentuk persegi dan lingkaran anda cukup mengklik button square ataupun circle kemudian next.

Langkah Kelima

proses selanjutnya membuat activity, pilih saja yang BlackActivity kemudian next.

Langkah Keenam

Selanjutnya proses terakhir biarin default aja dari sistemnya nama tersebut merupakan nama activity untuk class java dan layout name merupakan untuk nama layout atau tampilan projek baru anda kemudian klik button finish.

Kemudian taraaaaa projekbaru anda sudah selesai dan anda juga dapat melihat tampilan dari projekbaru anda dengan mengklik folder res dan kemudian klik layout selanjutnya kelik activity_main, seperti gambar dibawah ini ;

Demikian informasi dari tentang Cara mudah membuat project baru pada eclipse, apabila ada kesalahan pada penyampainnya saya mohon maaf dan jangan lupa sering-sering membaca postingan saya hehhehe.