QQ最新版布局猜想

原创
2016/02/15 11:10
阅读数 395

最近想实现类似QQ的布局,使用toolbar,tablayout,viewpager,drawerlayout等控件,碰到了一些问题。


  1. 底部按钮切换之后,每个页面头部布局不一样。使用toolbar的话,需要在每个fragment中使用单独的toolbar。这样又出现一个新的问题,drawerlayout如何操作,drawerlayout需要与activity关联,并且在每个fragment中应该只有一个实例。
  2. toolbar放在fragment中之后,每个fragment menu不显示,因为fragment的menu依附于activity(就我个人理解)。
  3. 将toolbar放在activity中,可以保证drawer只有一个,但是这样得控制每个页面的toolbar 的布局。
最近通过截取QQ的布局,它的头像是放在framelayout中,在activity中保持同样的位置,这样每个页面打开个人资料都是一样的,也就是说activity不使用toolbar。每个页面使用 独立 的toolbar(当然它并没有使用这个控件)。但是drawerlayout需要用到toolbar,因此如果使用QQ的方式就不能用drawerlayout.

最后采取的是类似QQ的布局,去掉drawerlayout,使用其他侧滑菜单。

每个fragment需要使用toolbar来初始化menu。

toolbar.inflateMenu(R.menu.menu_fragment_index);
        locationItem =  toolbar.getMenu().findItem(R.id.action_location).setTitle(App.CITY_NAME);



使用toolbar来设置点击事件

toolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
            @Override
            public boolean onMenuItemClick(MenuItem item) {
                return false;
            }
        });



去掉fragment 的 onCreateOptionsMenu, onOptionsItemSelected重载,这种情况下,实现这两个方法并不能显示Menu,而且按手机的menu键menu会显示在底部。

附上QQ的界面:


展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
打赏
0 评论
3 收藏
1
分享
返回顶部
顶部