Android开发—Navigation Drawer(侧边栏菜单实现)
如何创建一个 :
第一次翻译,只能是大概,很多都是自己的话,内容也不多,,.如果有错请指正,谢谢了。
首先侧栏,这个控件是现在比较主流的,在很多app上都可以看到,左侧滑出主菜单,既节省空间,又方便,而且炫酷。关于上面那篇描述可以仔细去阅读一下(我还没来得及仔细看。。。)
下面开始翻译:
========================================
在屏幕的左侧,控件主要包含了app的主菜单功能,不过一般情况下是隐藏的,通过手势(左侧边缘向右滑动),或者点击最上面应用程序图标,即可显示该控件。
下面主要描述了如何利用 api来实现这个控件。
1,创建一个
首先侧栏,在你的中,需要申明一个作为最外部的,而这个里面包含了一个屏幕的主视图(当控件隐藏时的显示)和另外一个视图(基本是),包含了主菜单的按钮。
下面举个例子:
这里面的包含了两个子控件:一个和一个,这个就是包含主菜单按钮的。。
其中有几点比较重要的属性:
* 主视图(上述的)一定要是的第一个子控件;并且最外层的控件一定要是;
* 主视图的宽和高都设置为,因为 是隐藏的;
* 其中 必须申明他的属性,为了支持从右向左滑动也可以出现的情况
(原文是:To right-to-left (RTL) , the value with"start" of"left"(so the on the right when the is RTL).
* 视图,上述的,需要申明dp为单位的实际宽度,最好也不要超过屏幕本身的宽度。这样不至于遮挡主视图。
2, 初始化 List
即初始化主菜单的内容,在你的中,第一件事就是要做初始化 list中的按钮内容。在这边我们一般都是,所以我们需要用一个(或者)来实现list中内容的显示。
下面代码是用了一个 array来初始化的:
public class MainActivity extends Activity {
private String[] mPlanetTitles;
private DrawerLayout mDrawerLayout;
private ListView mDrawerList;
...
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mPlanetTitles = getResources().getStringArray(R.array.planets_array);
mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
mDrawerList = (ListView) findViewById(R.id.left_drawer);
// Set the adapter for the list view
mDrawerList.setAdapter(new ArrayAdapter(this,
R.layout.drawer_list_item, mPlanetTitles));
// Set the list's click listener
mDrawerList.setOnItemClickListener(new DrawerItemClickListener());
...
}
}
接下来的事情就是实现ner(),来响应按钮事件。我会在下一篇博客中实现这个功能。
还是应该制定以下计划:这个星期的目标实现界面的调整,和拍照功能,以及拍照后照片存储等,希望在周日能完成。
下面是一张目前的实现图:
=======================
2014-12-14补充:
之前忘了一个步骤,就是标题的点击事件,以及标题中图片的设置等操作,需要通过如下代码实现:
mDrawerToggle = new ActionBarDrawerToggle(
this, /* host Activity */
mDrawerLayout, /* DrawerLayout object */
R.drawable.ic_drawer, /* nav drawer image to replace 'Up' caret */
R.string.drawer_open, /* "open drawer" description for accessibility */
R.string.drawer_close /* "close drawer" description for accessibility */
) {
public void onDrawerClosed(View view) {
getActionBar().setTitle(mTitle);
invalidateOptionsMenu(); // creates call to onPrepareOptionsMenu()
}
public void onDrawerOpened(View drawerView) {
getActionBar().setTitle(mTitle);
invalidateOptionsMenu(); // creates call to onPrepareOptionsMenu()
}
};
mDrawerLayout.setDrawerListener(mDrawerToggle);
其中是一个e对象。
测试后好像还是不能点击标题,遗留这样的一个问题。
我来说两句