Android典型界面设计(5)——使用SlidingMenu和DrawerLayout分别实现左右侧边栏

一、问题描述

  侧边栏是Android应用中十分常见的界面效果,可随主屏在左侧或右侧联动,是特别适应手机等小屏幕特性的典型界面设计方案之一,常用作应用的操作菜单,如图所示

  实现侧边栏可以使用第三方组件slidingmenu实现和Google官方提供的滑动抽屉组件DrawerLayout实现,下面就分别使用这两种方法实现左右滑动的侧边栏

二、先使用之前讲过的ActionBar制作标题栏

 

  这里只贴出代码,相关知识请查阅 《Android典型界面设计(4)——使用ActionBar+Fragment实现tab切换》

protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initActionBar();
    }
private void initActionBar(){
        actionBar=super.getActionBar();
        actionBar.show();
        actionBar.setDisplayShowHomeEnabled(true);
        actionBar.setDisplayShowTitleEnabled(false);
        actionBar.setDisplayHomeAsUpEnabled(true);
        actionBar.setHomeAsUpIndicator(R.drawable.com_btn);
        actionBar.setDisplayShowCustomEnabled(true);
        TextView tvTitle=new TextView(this);
        tvTitle.setText("主  页");
        tvTitle.setTextColor(Color.WHITE);
        tvTitle.setTextSize(18);
        tvTitle.setGravity(Gravity.CENTER);
        LayoutParams params=new  LayoutParams
(LayoutParams.MATCH_PARENT,LayoutParams.WRAP_CONTENT);
        tvTitle.setLayoutParams(params);
        a
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
drawerlayoutAndroid提供的一个布局容器,用于实现侧边栏的功能。下面是使用drawerlayout实现侧边栏的步骤: 1. 在XML布局文件中,添加DrawerLayout作为根布局,然后在DrawerLayout中添加两个子布局侧边栏布局内容布局。例如: ```xml <androidx.drawerlayout.widget.DrawerLayout android:id="@+id/drawer_layout" android:layout_width="match_parent" android:layout_height="match_parent"> <!-- 侧边栏布局 --> <LinearLayout android:id="@+id/navigation_drawer" android:layout_width="240dp" android:layout_height="match_parent" android:layout_gravity="start" android:background="@color/colorAccent" android:orientation="vertical"> <!-- 侧边栏内容 --> </LinearLayout> <!-- 内容布局 --> <FrameLayout android:id="@+id/content_frame" android:layout_width="match_parent" android:layout_height="match_parent"> <!-- 内容 --> </FrameLayout> </androidx.drawerlayout.widget.DrawerLayout> ``` 2. 在Activity中,找到DrawerLayout并设置其监听器,用于控制侧边栏的显示和隐藏。例如: ```java DrawerLayout drawerLayout = findViewById(R.id.drawer_layout); NavigationView navigationView = findViewById(R.id.navigation_drawer); ActionBarDrawerToggle toggle = new ActionBarDrawerToggle( this, drawerLayout, toolbar, R.string.navigation_drawer_open, R.string.navigation_drawer_close); drawerLayout.addDrawerListener(toggle); toggle.syncState(); navigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() { @Override public boolean onNavigationItemSelected(@NonNull MenuItem item) { // 处理侧边栏菜单项的点击事件 drawerLayout.closeDrawer(GravityCompat.START); return true; } }); ``` 3. 使用NavigationView来填充侧边栏布局,并设置菜单项的点击事件监听器。例如: ```java NavigationView navigationView = findViewById(R.id.navigation_drawer); navigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() { @Override public boolean onNavigationItemSelected(@NonNull MenuItem item) { // 处理侧边栏菜单项的点击事件 drawerLayout.closeDrawer(GravityCompat.START); return true; } }); ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值