QQ最新版布局猜想

為{幸葍}努か 提交于 2019-12-04 18:21:44

最近想实现类似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的界面:


易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!