Spread the love
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  

Kebanyakan aplikasi biasanya menggunakan navigation drawer standar, yang dimana ketika navigation drawer itu dibuka, maka contentnya akan tertutup (berada dibelakang navigation drawer). Implementasi hal tersebut, banyak ditemukan di tutorial-tutorial atau contoh kasus. Namun, bagaimana jika anda ingin ketika navigation drawer tersebut dibuka, maka akan menggeser content yang ada (slide content).

Implementasi slide content ini pada awalnya dilakukan dengan menggunakan slide menu, padahal kita tidak ingin banyak mengubah codingan yang sudah ada atau tetap menggunakan drawerlayout yang sudah digunakan.

Untuk mengatasi hal tersebut dapat dilakukan dengan trik seperti berikut :

berikut contoh gambaran xml implementasi navigation drawer :



    

    


    

    

    

        
    

Lalu pada file java :

public class ProfileActivity extends ActionBarActivity {
    ....
    private DrawerLayout mDrawerLayout;
    private ActionBarDrawerToggle mDrawerToggle;

    RelativeLayout drawerView;
    RelativeLayout mainView;
    ....

    @Override
    protected void onCreate(Bundle savedInstanceState) {


        ............. //
        .............//
        drawerView = (RelativeLayout) findViewById(R.id.drawerView);
        mainView = (RelativeLayout) findViewById(R.id.mainView);

        mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, R.drawable.ic_drawer, R.string.app_name, R.string.app_name) {
            public void onDrawerClosed(View view) {
                supportInvalidateOptionsMenu();
            }

            public void onDrawerOpened(View drawerView) {
                supportInvalidateOptionsMenu();
            }

            @Override
            public void onDrawerSlide(View drawerView, float slideOffset) {
                super.onDrawerSlide(drawerView, slideOffset);
                mainView.setTranslationX(slideOffset * drawerView.getWidth());
                mDrawerLayout.bringChildToFront(drawerView);
                mDrawerLayout.requestLayout();
            }
        };
        mDrawerLayout.setDrawerListener(mDrawerToggle);

    }

}

Yang menjadi catatan adalah pada mDrawerToggle melakuan method onDrawerSlide. Silahkan mencoba

Related Posts
ReverseTethering : Menggunakan Koneksi Internet dari Laptop Ke HP

Menggunakan koneksi internet HP ke Laptop atau perangkat lainnya merupakan hal yang biasa, yaitu dengan menggunakan tethering/hotspot yang ada di Read more

Tips dan Trik Whatsapp WA

Bagi pengguna whatsapp kemungkinan kebanyakan dari kita hanya mengetahui fitur yang umum digunakan. Padahal masih ada beberapa tips dan trik Read more

Membuat Timeline Di Android Menggunakan Library Timeline-View

Tampilan timeline sering digunakan dalam beberapa aplikasi. Timeline berguna untuk menampilkan seperti tracking suatu pesanan atau barang, atau berupa menjelaskan Read more

Implementasi Autentikasi Fingerprint Pada Flutter

Ada kalanya kita perlu mengimplementasikan autentikasi berupa sidik jari (fingerprint) dalam aplikasi yang kita kembangkan. Dalam flutter implementasi sidik jari Read more

Tagged : #

Leave a Reply

Your email address will not be published. Required fields are marked *