Juanas Smith Shared

Selamat datang di Juanas Smith Shared kali ini admin akan membagikan cara membuat desain listview menjadi gridview, dari gridview ke listview di android studio, artikel ini ditujukan bagi anda yang sedang belajar pemrograman android pemula hingga mengengah

Langkah Pertama buatlah dua viewstub di activity main

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ViewStub
        android:id="@+id/stub_list"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:inflatedId="@+id/showLayout"
        android:layout="@layout/my_listview" />

    <ViewStub
        android:id="@+id/stub_grid"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
       android:layout_marginTop="10dp"
        android:inflatedId="@+id/showLayout"
        android:layout="@layout/my_gridview" />

Selanjutnya buat grid_item untuk layout gridviewnya

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

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

    xmlns:app="http://schemas.android.com/apk/res-auto"

    android:orientation="vertical"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:paddingTop="10dp"

    android:paddingBottom="10dp"

    android:paddingLeft="10dp"

    android:paddingRight="10dp"

    android:background="#fff">



    <ImageView

        android:id="@+id/ImageView"

        android:layout_width="80dp"

        android:layout_height="80dp"

        app:srcCompat="@mipmap/ic_launcher_round"

        android:layout_gravity="center"/>



    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:id="@+id/txtTitle"

        android:textStyle="bold"

        android:layout_below="@+id/ImageView"

        android:text="Title"

        android:textAppearance="?android:attr/textAppearanceMedium"

        android:layout_gravity="center"/>



    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:id="@+id/txtDescription"

        android:textStyle="bold"

        android:text="Description"

        android:textAppearance="?android:attr/textAppearanceSmall"

        android:layout_below="@+id/txtTitle"

        android:layout_toRightOf="@+id/ImageView"

        android:layout_gravity="center"/>



</LinearLayout>

jika tadi membuat grid_item sekarang buatlah list_item untuk layout list nya

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

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

    xmlns:app="http://schemas.android.com/apk/res-auto"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    xmlns:id="http://schemas.android.com/tools">



    <ImageView

        android:id="@+id/ImageView"

        android:layout_width="80dp"

        android:layout_height="80dp"

        app:srcCompat="@mipmap/ic_launcher_round" />



    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:id="@+id/txtTitle"

        android:textStyle="bold"

        android:text="Title"

        android:textAppearance="?android:attr/textAppearanceMedium"

        android:layout_toRightOf="@+id/ImageView"

        android:layout_marginTop="15dp"

        android:layout_marginLeft="20dp"/>



    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:id="@+id/txtDescription"

        android:textStyle="bold"

        android:text="Description"

        android:textAppearance="?android:attr/textAppearanceSmall"

        android:layout_below="@+id/txtTitle"

        android:layout_toRightOf="@+id/ImageView"

        android:layout_marginTop="10dp"

        android:layout_marginLeft="20dp"/>

</RelativeLayout>

Langkah berikutnya buat layout lagi dengan nama my_gridview.xml untuk menampung gridviewnya

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

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

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:background="#d1d1d1">



    

    <GridView

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:id="@+id/mygridView"

        android:paddingTop="0dp"

        android:paddingBottom="15dp"

        android:columnWidth="100dp"

        android:gravity="center|bottom"

        android:horizontalSpacing="10dp"

        android:layout_marginLeft="0dp"

        android:layout_marginRight="0dp"

        android:numColumns="3"

        android:stretchMode="spacingWidth"

        android:verticalSpacing="20dp"

        android:dividerHeight="10dp" />

</FrameLayout>

Sekarang buat my_listview.xml untuk menampung listview nya

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

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

    android:layout_width="match_parent" android:layout_height="match_parent"

    android:background="#d1d1d1">



    <ListView

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:id="@+id/myListView"

        android:cacheColorHint="#000"

        android:paddingTop="10dp"

        android:dividerHeight="10dp"

        android:divider="#ffffff"

        android:layout_marginLeft="0dp"

        android:layout_marginRight="0dp" />



</FrameLayout>

Kemudian buat class product di java

package giviews.id.listview2gridview;



/**

 * Created by asus on 09/05/2017.

 */



public class Product {

    private int imageId;

    private String title, description;



    public Product(int imageId, String title, String description) {

        this.imageId = imageId;

        this.title = title;

        this.description = description;

    }



    public int getImageId() {

        return imageId;

    }



    public void setImageId(int imageId) {

        this.imageId = imageId;

    }



    public String getTitle() {

        return title;

    }



    public void setTitle(String title) {

        this.title = title;

    }



    public String getDescription() {

        return description;

    }



    public void setDescription(String description) {

        this.description = description;

    }

}

Kemudian buat GridViewAdapter di java

package giviews.id.listview2gridview;



import android.content.Context;

import android.support.annotation.LayoutRes;

import android.support.annotation.NonNull;

import android.support.annotation.Nullable;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.ArrayAdapter;

import android.widget.ImageView;

import android.widget.TextView;



import java.util.List;



/**

 * Created by asus on 09/05/2017.

 */



public class GridViewAdapter extends ArrayAdapter<Product> {



    public GridViewAdapter(@NonNull Context context, @LayoutRes int resource, @NonNull List<Product> objects) {

        super(context, resource, objects);

    }



    @NonNull

    @Override

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

        View v = convertView;



        if (null == v) {

            LayoutInflater inflater = (LayoutInflater)getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);

            v = inflater.inflate(R.layout.grid_item, null);

        }

        Product product = getItem(position);

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

        TextView txtTitle = (TextView) v.findViewById(R.id.txtTitle);

        TextView txtDescription = (TextView) v.findViewById(R.id.txtDescription);



        img.setImageResource(product.getImageId());

        txtTitle.setText(product.getTitle());

        txtDescription.setText(product.getDescription());



        return v;

    }

}

dan sekarang ListViewAdapter

package giviews.id.listview2gridview;



import android.content.Context;

import android.support.annotation.LayoutRes;

import android.support.annotation.NonNull;

import android.support.annotation.Nullable;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.ArrayAdapter;

import android.widget.ImageView;

import android.widget.TextView;



import java.util.List;



/**

 * Created by asus on 09/05/2017.

 */



public class ListViewAdapter extends ArrayAdapter<Product> {



    public ListViewAdapter(@NonNull Context context, @LayoutRes int resource, @NonNull List<Product> objects) {

        super(context, resource, objects);

    }



    @NonNull

    @Override

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

        View v = convertView;



        if (null == v) {

            LayoutInflater inflater = (LayoutInflater)getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);

            v = inflater.inflate(R.layout.list_item, null);

        }

        Product product = getItem(position);

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

        TextView txtTitle = (TextView) v.findViewById(R.id.txtTitle);

        TextView txtDescription = (TextView) v.findViewById(R.id.txtDescription);



        img.setImageResource(product.getImageId());

        txtTitle.setText(product.getTitle());

        txtDescription.setText(product.getDescription());



        return v;

    }

}

Kemudian buat menu dengan nama main.xml untuk menempatkan tombol switch view dari gridview ke list view

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

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

    <item android:id="@+id/item_menu_1" android:title="Swith View"></item>

</menu>

Terakhir sesuaikan isi file MainActivity.java seperti dibawah

package giviews.id.listview2gridview;



import android.content.SharedPreferences;

import android.os.Bundle;

import android.support.v7.app.AppCompatActivity;

import android.view.Menu;

import android.view.MenuItem;

import android.view.View;

import android.view.ViewStub;

import android.widget.AdapterView;

import android.widget.GridView;

import android.widget.ListView;

import android.widget.Toast;



import java.util.ArrayList;

import java.util.List;



public class MainActivity extends AppCompatActivity {



    private ViewStub stubGrid, stubList;

    private ListView listView;

    private GridView gridView;

    private ListViewAdapter listViewAdapter;

    private GridViewAdapter gridViewAdapter;

    private List<Product> productList;

    private int currentViewMode = 0;



    static final int VIEW_MODE_LISTVIEW = 0;

    static final int VIEW_MODE_GRIDVIEW = 1;







    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);



        stubList = (ViewStub) findViewById(R.id.stub_list);

        stubGrid = (ViewStub) findViewById(R.id.stub_grid);



        //inflate ViewStube before get view



        stubList.inflate();

        stubGrid.inflate();



        listView = (ListView) findViewById(R.id.myListView);

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



        //get list of product

        getProductList();



        //get current view in share references

        SharedPreferences sharedPreferences = getSharedPreferences("View Mode", MODE_PRIVATE);

        currentViewMode = sharedPreferences.getInt("currentViewMode", VIEW_MODE_LISTVIEW); //default view is listview

        //register item click

        listView.setOnItemClickListener(onItemClick);

        gridView.setOnItemClickListener(onItemClick);



        switchView();



    }



    private void switchView() {

        if(VIEW_MODE_LISTVIEW == currentViewMode) {

            // display listview

            stubList.setVisibility(View.VISIBLE);

            // hide gridview

            stubGrid.setVisibility(View.GONE);

        }else{

            // hide listview

            stubList.setVisibility(View.GONE);

            // display gridview

            stubGrid.setVisibility(View.VISIBLE);

        }

        setAdapters();

    }



    private void setAdapters() {

        if (VIEW_MODE_LISTVIEW == currentViewMode) {

            listViewAdapter = new ListViewAdapter(this, R.layout.list_item, productList);

            listView.setAdapter(listViewAdapter);

        }else{

            gridViewAdapter = new GridViewAdapter(this, R.layout.grid_item, productList);

            gridView.setAdapter(gridViewAdapter);

        }

    }



    public List<Product> getProductList() {

        // pseudo code to get product, replace your code to get real product here

        productList = new ArrayList<>();

        productList.add(new Product(R.mipmap.ic_launcher_round, "Title 1", "This is description 1"));

        productList.add(new Product(R.mipmap.ic_launcher_round, "Title 2", "This is description 2"));

        productList.add(new Product(R.mipmap.ic_launcher_round, "Title 3", "This is description 3"));

        productList.add(new Product(R.mipmap.ic_launcher_round, "Title 4", "This is description 4"));

        productList.add(new Product(R.mipmap.ic_launcher_round, "Title 5", "This is description 5"));

        productList.add(new Product(R.mipmap.ic_launcher_round, "Title 6", "This is description 6"));

        productList.add(new Product(R.mipmap.ic_launcher_round, "Title 7", "This is description 7"));

        productList.add(new Product(R.mipmap.ic_launcher_round, "Title 8", "This is description 8"));

        productList.add(new Product(R.mipmap.ic_launcher_round, "Title 9", "This is description 9"));

        productList.add(new Product(R.mipmap.ic_launcher_round, "Title 10", "This is description 10"));

        return productList;

    }



    AdapterView.OnItemClickListener onItemClick = new AdapterView.OnItemClickListener() {

        @Override

        public void onItemClick(AdapterView<?> parent, View view, int position, long id) {

            // Do anything when user click to item

            Toast.makeText(getApplicationContext(),productList.get(position).getTitle() +" - " + productList.get(position).getDescription(), Toast.LENGTH_SHORT).show();

        }

    };



    @Override

    public boolean onCreateOptionsMenu(Menu menu) {

        getMenuInflater().inflate(R.menu.main, menu);

        return super.onCreateOptionsMenu(menu);

    }



    @Override

    public boolean onOptionsItemSelected(MenuItem item) {

        switch (item.getItemId()) {

            case R.id.item_menu_1:

                if (VIEW_MODE_LISTVIEW == currentViewMode) {

                    currentViewMode = VIEW_MODE_GRIDVIEW;

                }else{

                    currentViewMode = VIEW_MODE_LISTVIEW;

                }

                //Swith view

                switchView();

                //save view mode is share reference

                SharedPreferences sharedPreferences = getSharedPreferences("ViewMode", MODE_PRIVATE);

                SharedPreferences.Editor editor = sharedPreferences.edit();

                editor.putInt("currentViewMode", currentViewMode);

                editor.commit();



                break;

        }

        return true;

    }

}

Silakan jalankan aplikasi anda, jika da yang error silakan ditanyakan di kolom komentar dibawah. jika artikel ini bermanfaat silakan di share ke teman anda. terimakasih sudah berkunjung ke blog kami.

Pertama Siapkan tiga buah gambar atau lebih, untuk gambar slidernya.

kedua buat ViewPager

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="id.giviews.imageslider.MainActivity">

    <android.support.v4.view.ViewPager
        android:id="@+id/viewPager"
        android:layout_width="match_parent"
        android:layout_height="150dp"/>

</RelativeLayout>

ketiga bikin layout baru dengan nama custom_layout, didalamnya tambahkan imageview untuk menampung gambar slidernya nanti.

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

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

    android:orientation="vertical" android:layout_width="match_parent"

    android:layout_height="match_parent">



    <ImageView

        android:id="@+id/imageView"

        android:layout_width="match_parent"

        android:layout_height="match_parent" />



</LinearLayout>

keempat buat class baru viewPagerAdapter di java

package id.giviews.imageslider;



import android.content.Context;

import android.support.v4.view.LayoutInflaterCompat;

import android.support.v4.view.PagerAdapter;

import android.support.v4.view.ViewPager;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.ImageView;



/**

 * Created by asus on 18/07/2017.

 */



public class ViewPagerAdapter extends PagerAdapter{



    private Context context;

    private LayoutInflater layoutInflater;

    private Integer[] images = {R.drawable.slide1, R.drawable.slide2, R.drawable.slide3};



    public ViewPagerAdapter(Context context) {

        this.context = context;

    }



    @Override

    public int getCount() {

        return images.length;

    }



    @Override

    public boolean isViewFromObject(View view, Object object) {

        return view == object;

    }



    @Override

    public Object instantiateItem(ViewGroup container, int position) {

        layoutInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

        View view = layoutInflater.inflate(R.layout.custom_layout, null);

        ImageView imageView = (ImageView) view.findViewById(R.id.imageView);

        imageView.setImageResource(images[position]);



        ViewPager vp = (ViewPager) container;

        vp.addView(view, 0);

        return view;

    }



    @Override

    public void destroyItem(ViewGroup container, int position, Object object) {



        ViewPager vp = (ViewPager) container;

        View view = (View) object;

        vp.removeView(view);

    }

}

kelima ubah script MainActivity seperti berikut

package id.giviews.imageslider;



import android.support.v4.view.ViewPager;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;



import java.util.Timer;

import java.util.TimerTask;



public class MainActivity extends AppCompatActivity {



    ViewPager viewPager;



    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);



        viewPager = (ViewPager) findViewById(R.id.viewPager);

        ViewPagerAdapter viewPagerAdapter = new ViewPagerAdapter(this);

        viewPager.setAdapter(viewPagerAdapter);



        Timer timer = new Timer();

        timer.scheduleAtFixedRate(new MyTimerTask(), 2000, 4000);

    }



    public class MyTimerTask extends TimerTask{

        @Override

        public void run() {

            MainActivity.this.runOnUiThread(new Runnable() {

                @Override

                public void run() {

                    if (viewPager.getCurrentItem() == 0) {

                        viewPager.setCurrentItem(1);

                    }else if (viewPager.getCurrentItem() == 1) {

                        viewPager.setCurrentItem(2);

                    }else {

                        viewPager.setCurrentItem(0);

                    }

                }

            });

        }

    }

}

Selanjutnya jalankan aplikasinya jika slidernya nampil berarti aplikasi anda telah berhasil, jika ada yang error silakan ditanyakan pada kolom komentar dibawah. jika artikel ini bermanfaat silakan share ke teman anda. terimakasih sudah berkunjung ke blog kami.

Buatlah Activity Baru dengan nama Splash_Screen, kemudian buatlah layout untuk activity splash_screen nya, misalnya menambahkan sebuah gambar dan progressbar

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:theme="@android:style/Theme.NoTitleBar"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_gravity="center"
    android:background="#0074b9"
    tools:context="giviews.id.splash.Splash_Screen">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="247dp"
        app:srcCompat="@drawable/favicon" />

    <ProgressBar
        android:id="@+id/progressBar2"
        style="@style/Widget.AppCompat.ProgressBar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignTop="@+id/imageView"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="124dp" />

</RelativeLayout>

kemudian untuk script javanya silakan masukan kode berikut:

package giviews.id.splash;



import android.content.Intent;

import android.os.Bundle;

import android.support.v7.app.AppCompatActivity;



import static android.view.Window.FEATURE_NO_TITLE;



public class Splash_Screen extends AppCompatActivity {



    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        this.requestWindowFeature(FEATURE_NO_TITLE);

        setContentView(R.layout.activity_splash__screen);

    Thread myThread = new Thread() {

        @Override

        public void run() {

            try {

                sleep(3000);

                Intent intent = new Intent(getApplicationContext(),MainActivity.class);

                startActivity(intent);

                finish();

            } catch (InterruptedException e) {

                e.printStackTrace();

            }

        }

    };

        myThread.start();

    }

}

Terakhir sesuikan kode di AndroidManifest anda seperti ini

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

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

    xmlns:tools="http://schemas.android.com/tools"

    package="giviews.id.splash">



    <application

        android:allowBackup="true"

        android:icon="@mipmap/ic_launcher"

        android:label="@string/app_name"

        android:roundIcon="@mipmap/ic_launcher_round"

        android:supportsRtl="true"

        android:theme="@style/AppTheme">

        <activity android:name=".Splash_Screen">

            <intent-filter>

                <action android:name="android.intent.action.MAIN" />



                <category android:name="android.intent.category.LAUNCHER" />

            </intent-filter>

        </activity>

        <activity

            android:name=".MainActivity"

            android:theme="@style/Base.V7.Theme.AppCompat"

            tools:ignore="DuplicateActivity">

            <meta-data

                android:name="android.support.PARENT_ACTIVITY"

                android:value="giviews.id.splash.MainActivity" />

        </activity>



    </application>



</manifest>

Silakan jalankan aplikasi anda, jika ada yang error bisa ditanyakan pada kolom komentar dibawah, terimakasih sudah berkunjung ke blog ini.

1. Buatlah sebuah Projek di Android Studio, pilih empty activity

2. tambahkan permission vibrate pada AndroidManifest.xml

<uses-permission android:name="android.permission.VIBRATE" />

3. buatlah sebuah button untuk mengirim notifikasi

4. kemudian buat activity baru dengan nama NotificationViewActivity dengan cara klik kanan pada folder app pilih new -> activity -> empty activity. dan masukan textview pada activity_notification_view.xml

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

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

    xmlns:app="http://schemas.android.com/apk/res-auto"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    tools:context="giviews.id.notificationview.NotificationViewActivity">



    <TextView

        android:id="@+id/textView"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Diharapkan Semua Anggota BEM Rapat Di Aula Sekarang..!!"

        tools:layout_editor_absoluteX="9dp"

        tools:layout_editor_absoluteY="16dp" />



</RelativeLayout>

5. Selanjutnya untuk file MainActivity.java masukan kode berikut

package giviews.id.notificationview;



import android.app.NotificationManager;

import android.app.PendingIntent;

import android.content.Context;

import android.content.Intent;

import android.os.Bundle;

import android.os.Vibrator;

import android.support.v4.app.NotificationCompat;

import android.support.v7.app.AppCompatActivity;

import android.view.View;



public class MainActivity extends AppCompatActivity {

    int notificationID = 1;



    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

    }



    public void onClick(View view) {

        displayNotification();

    }



    protected void displayNotification()

    {

        //---PendingIntent to launch activity if the user selects

        // this notification---

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

        i.putExtra("notificationID", notificationID);

        PendingIntent pendingIntent = PendingIntent.getActivity(this, 0, i, 0);

        NotificationManager nm = (NotificationManager)getSystemService(NOTIFICATION_SERVICE);

        NotificationCompat.Builder notifBuilder;

        notifBuilder = new NotificationCompat.Builder(this)

                .setSmallIcon(R.drawable.gbrnotif)

                .setContentTitle("Ada Meeting BEM Sekarang...!")

                .setContentText("Reminder: Rapat Akan Mulai 5 minutes")

                .setContentIntent(pendingIntent)

                .addAction(R.mipmap.ic_launcher,"Read More",pendingIntent);



        Vibrator vi;

        vi=(Vibrator) getSystemService(Context.VIBRATOR_SERVICE);

        if (vi.hasVibrator()){

            vi.vibrate(20000);

        }

        nm.notify(notificationID, notifBuilder.build());

    }

}

6. dan pada NotificationViewActivity.java masukan kode berikut, sesuaikan packagenya dengan package teman-teman.

package giviews.id.notificationview;



import android.app.NotificationManager;

import android.os.Bundle;

import android.support.v7.app.AppCompatActivity;



public class NotificationViewActivity extends AppCompatActivity {



    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_notification_view);



        //---look up the notification manager service---

        NotificationManager nm = (NotificationManager)

                getSystemService(NOTIFICATION_SERVICE);

        //---cancel the notification that we started---

        nm.cancel(getIntent().getExtras().getInt("notificationID"));

    }

}

Selesai, silakan run aplikasi anda jika notifikasinya muncul berarti anda telah berhasil, jika ada yang error silakan ditanyakan pada kolom komentar di bawah.

Langkah Pertama buatlah button untuk memanggil alert dialognya

Selanjutnya buat layout untuk isi dialognya, misalnya dialog untuk login. disini saya menamainya dengan dialog_login.xml

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

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

    android:orientation="vertical" android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:padding="5dp">



    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_gravity="center"

        android:text="@string/login"

        android:id="@+id/lblLogin"

        android:textSize="25sp"

        android:layout_marginTop="5dp"

        android:textStyle="bold"/>



    <EditText

        android:id="@+id/etEmail"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:ems="10"

        android:layout_marginTop="10dp"

        android:inputType="textEmailAddress"

        android:hint="@string/email" />



    <EditText

        android:id="@+id/etPass"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:ems="10"

        android:layout_marginTop="5dp"

        android:hint="@string/password"

        android:inputType="textPassword" />



    <Button

        android:id="@+id/btnLogin"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:text="@string/login_label"

        android:background="@color/colorAccent"

        android:textColor="@android:color/white"

        android:layout_marginTop="10dp"/>





</LinearLayout>

untuk skrip java nya silakan masukan kode berikut

package giviews.id.customalertdialog;



import android.support.v7.app.AlertDialog;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.view.View;

import android.widget.Button;

import android.widget.EditText;

import android.widget.Toast;



public class MainActivity extends AppCompatActivity {



    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);



        Button mShowDialog = (Button) findViewById(R.id.btnShowDialog);

        mShowDialog.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View v) {

                AlertDialog.Builder mBuilder = new AlertDialog.Builder(MainActivity.this);

                View mView = getLayoutInflater().inflate(R.layout.dialog_login, null);

                final EditText mEmail = (EditText) mView.findViewById(R.id.etEmail);

                final EditText mPass = (EditText) mView.findViewById(R.id.etPass);

                Button mLogin = (Button) mView.findViewById(R.id.btnLogin);



                mLogin.setOnClickListener(new View.OnClickListener() {

                    @Override

                    public void onClick(View v) {

                        if (!mEmail.getText().toString().isEmpty() && !mPass.getText().toString().isEmpty()) {

                            Toast.makeText(MainActivity.this,

                                    R.string.login_success,

                                    Toast.LENGTH_SHORT).show();

                        }else{

                            Toast.makeText(MainActivity.this,

                                    R.string.login_error_msg,

                                    Toast.LENGTH_SHORT).show();

                        }

                    }

                });

                mBuilder.setView(mView);

                AlertDialog dialog = mBuilder.create();

                dialog.show();

            }

        });

    }

}

Selanjutnya jalankan aplikasi anda, jika alert dialognya muncul maka berhasil, jika ada error silakan tulis pada kolom komentar dibawah. terimakasih sudah berkunjung ke blog ini.

Berikut ini adalah daftar situs untuk belajar programming :

1. Sekolah Koding

Sekolah koding menyediakan tutorial pemrograman web secara lengkap mulai dari html, css, php, javascript dll. Tutorial yang ada di sekolah koding berbasi video. Pembahasanya juga sangat mudah dimengerti, selain itu kualitas video nya juga tinggi. Sekolah koding menyediakan sistem berlangganan. sekolah koding bisa dikunjungi di sekolahkoding.com

2. Youtube

Di Youtube ada berbagai channel pemrograman, mulai dari pemrograman web, pemrograman desktop, mobile dan juga cara pembuatan game. Berbagai channel yang menurut saya bagus diantaranya channel Sekolah koding, TVAC Studio, Programming Knowledge, Weblesson, Codecourse, Robby Diana Putra, Brackeys, Charger Games

3. Dunia Ilkom

Dunia Ilkom menyediakan Buku Seperti HTML Uncover, CSS Uncover, PHP Uncover, dan Javascript Uncover. Dunia Ilkom bisa dikunjungi di duniailkom.com

4. Udacity

Ada berbagai macam pelajaran di udacity. untuk informasi selengkapnya anda bisa mengunjungi udacity di udacity.com

Langganan: Postingan ( Atom )

Membuat Desain ListView to GridView di Android Studio

Membuat ImageSlider dengan Android Studio

Membuat Splash Screen di Android Studio

Membuat Notifikasi bergetar di Android

Membuat Alert Dialog dengan Android Studio

Situs - situs untuk belajar Programming lengkap

SUBSCRIBE

Total Tayangan Halaman

Popular Posts

Facebook

Label

Blog Archive

Pages

Membuat Desain ListView to GridView di Android Studio

Share story

Membuat ImageSlider dengan Android Studio

Share story

Membuat Splash Screen di Android Studio

Share story

Membuat Notifikasi bergetar di Android

Share story

Membuat Alert Dialog dengan Android Studio

Share story

Situs - situs untuk belajar Programming lengkap

Share story

SUBSCRIBE

Total Tayangan Halaman

Popular Posts

Facebook

Label

Blog Archive