Android實(shí)現(xiàn)右邊抽屜Drawerlayout效果
側(cè)邊欄是Android應(yīng)用中很常見的一個(gè)界面效果(抽屜效果)。而利用DrawerLayout實(shí)現(xiàn)右側(cè)欄是相對(duì)簡單的。而且這個(gè)控件自帶滑動(dòng)效果,十分方便。
DrawerLayout屬于android-support-v4.jar的包的內(nèi)容,sdk新的就不用更新了,如果舊版本就需要導(dǎo)入這個(gè)包了。
先來看看效果

這里實(shí)現(xiàn)了抽屜效果和為了方便使用者在各處可以隨意打開這個(gè)抽屜,我在這里定義在點(diǎn)擊菜單可出現(xiàn)抽屜。
代碼說明
1.activity的布局文件
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<!-- 注意drawrlayout的命名,因?yàn)橐粫?huì)要使用-->
<FrameLayout
android:id="@+id/content_frame"
android:layout_width="match_parent"
android:layout_height="match_parent">
<fragment
android:id="@+id/fragment_hello"
android:name="com.patent.patentwarmsystem.CorrelationFragment"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</FrameLayout>
<include
layout="@layout/activity_main_right"
android:id="@+id/right_drawer"
android:layout_width="240dp"
android:layout_height="match_parent"
android:layout_gravity="end"
android:background="#FFFFFF"
android:gravity="center_horizontal" >
</include>
</android.support.v4.widget.DrawerLayout>
可以看到drawlayout可被當(dāng)作控件使用,然后定義側(cè)邊欄的布局是,include了一個(gè)布局,里面可自己定義(隨意)。但是要注意這個(gè)右側(cè)的布局屬性android:layout_gravity=”end”。這樣才是放置在右邊。
放置在左邊的是: android:layout_gravity=”start”
2.activity的代碼使用
首先注意導(dǎo)入這個(gè):import android.support.v4.widget.DrawerLayout;
public class MainActivity extends AppCompatActivity {
private DrawerLayout drawerLayout;
private ActionBarDrawerToggle toggle;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initDrawerLayout();
drawerLayout.setScrimColor(Color.GRAY); //這個(gè)可以設(shè)置抽屜拉出后,主界面的顏色,我這里使用了系統(tǒng)自帶的灰色
}
private void initDrawerLayout() {
//注意:初始化的是drawerlayout整個(gè)大布局,不是初始化抽屜的那個(gè)id
drawerLayout = (DrawerLayout) super.findViewById(R.id.drawer_layout);
drawerLayout.setScrimColor(Color.TRANSPARENT);
//v4控件 actionbar上的抽屜開關(guān),可以實(shí)現(xiàn)一些開關(guān)的動(dòng)態(tài)效果
toggle = new ActionBarDrawerToggle(this, drawerLayout,
R.drawable.star_change, R.string.drawer_open
, R.string.drawer_close) {
public void onDrawerClosed(View drawerView) {
super.onDrawerClosed(drawerView);//抽屜關(guān)閉后
}
public void onDrawerOpened(View drawerView) {
super.onDrawerOpened(drawerView);//抽屜打開后
}
};
drawerLayout.setDrawerListener(toggle);
}
/**
* 加載菜單
*/
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.menu, menu);
return true;
}
//上面說到方便使用者隨處調(diào)用就是這個(gè)方法,只需調(diào)用這個(gè)方法綁定id即可隨處控制抽屜的拉出
private void toggleRightSliding(){//該方法控制右側(cè)邊欄的顯示和隱藏
if(drawerLayout.isDrawerOpen(GravityCompat.END)){
drawerLayout.closeDrawer(GravityCompat.END);//關(guān)閉抽屜
}else{
drawerLayout.openDrawer(GravityCompat.END);//打開抽屜
}
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()) {
case R.id.action_personal:
toggleRightSliding();
break;
}
return super.onOptionsItemSelected(item);
}
}
另外再給幾個(gè)方法,方便讀者的需求改動(dòng):
// 通過代碼:根據(jù)重力方向打開指定抽屜 drawerLayout.openDrawer(Gravity.LEFT); // 設(shè)置抽屜陰影 drawerLayout.setDrawerShadow(R.drawable.ic_launcher, Gravity.LEFT); // 設(shè)置抽屜空余處顏色 drawerLayout.setScrimColor(Color.BLUE);
好了,實(shí)現(xiàn)一個(gè)抽屜的功能就是這些代碼,可以看出自定義的空間還是很大的。
- Android側(cè)滑菜單之DrawerLayout用法詳解
- Android DrawerLayout實(shí)現(xiàn)側(cè)拉菜單功能
- Android使用DrawerLayout實(shí)現(xiàn)仿QQ雙向側(cè)滑菜單
- Android App中DrawerLayout抽屜效果的菜單編寫實(shí)例
- Android側(cè)滑菜單控件DrawerLayout使用詳解
- Android中DrawerLayout+ViewPager滑動(dòng)沖突的解決方法
- Android原生側(cè)滑控件DrawerLayout使用方法詳解
- Android組件之DrawerLayout實(shí)現(xiàn)抽屜菜單
- Android中DrawerLayout實(shí)現(xiàn)側(cè)滑菜單效果
- Android抽屜布局DrawerLayout的簡單使用
相關(guān)文章
Android下Activity全屏顯示實(shí)現(xiàn)方法
這篇文章主要介紹了Android下Activity全屏顯示實(shí)現(xiàn)方法,以兩種不同的方法來實(shí)現(xiàn)這一技巧,非常具有實(shí)用性,需要的朋友可以參考下2014-10-10
Android 偷拍功能實(shí)現(xiàn)(手機(jī)關(guān)閉依然拍照)詳解及實(shí)例代碼
這篇文章主要介紹了 Android 偷拍功能實(shí)現(xiàn)(手機(jī)關(guān)閉依然拍照)詳解及實(shí)例代碼的相關(guān)資料,這對(duì)Android相機(jī)在不開手機(jī)的情況下還能繼續(xù)拍照,附有實(shí)例Demo,需要的朋友可以參考下2016-12-12
詳解Android中提示對(duì)話框(ProgressDialog和DatePickerDialog和TimePickerDi
這篇文章主要介紹了詳解Android中提示對(duì)話框(ProgressDialog和DatePickerDialog和TimePickerDialog&PopupWindow)的相關(guān)資料,需要的朋友可以參考下2016-01-01
Android實(shí)現(xiàn)Tab切換界面功能詳解
這篇文章主要為大家詳細(xì)介紹了Android如何實(shí)現(xiàn)Tab切換界面的功能,以及對(duì)Tab變化事件進(jìn)行監(jiān)聽。文中示例代碼講解詳細(xì),感興趣的可以了解一下2022-05-05
Android簡單實(shí)現(xiàn)一個(gè)顏色漸變的ProgressBar的方法
本篇文章主要介紹了Android簡單實(shí)現(xiàn)一個(gè)顏色漸變的ProgressBar的方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-12-12

