欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Android DrawerLayout帶有側(cè)滑功能的布局類(1)

 更新時(shí)間:2016年07月15日 09:47:49   作者:金洪光  
這篇文章主要為大家詳細(xì)介紹了Android DrawerLayout帶有側(cè)滑功能的布局類,感興趣的小伙伴們可以參考一下

DrawerLayout顧名思義就是一個(gè)管理布局的。使用方式可以與其它的布局類類似。
DrawerLayout帶有滑動(dòng)的功能。只要按照drawerLayout的規(guī)定布局方式寫完布局,就能有側(cè)滑的效果。
直接將DrawerLayout作為根布局,然后其內(nèi)部 

  第一個(gè)View為內(nèi)容區(qū)域

  第二個(gè)View為左側(cè)菜單   

       第三個(gè)View為右側(cè)側(cè)滑菜單 

當(dāng)前第三個(gè)是可選的。
使用的包如下: 
import android.support.v4.widget.DrawerLayout; 

使用這些包的時(shí)候有時(shí)有的會(huì)報(bào)錯(cuò)。這時(shí)候確保android.support.v4是不是最新的版本。
 可以更新一下support包,文件存放在sdk/extres/support中。
 然后可以通過eclipse>project right click>Android Tools>Add Support library…
 或者可以直接把文件復(fù)制到Project中l(wèi)ibs文件夾中。 

<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">
 <FrameLayout
  android:id="@+id/content_frame"
  android:layout_width="match_parent"
  android:layout_height="match_parent" />
 <ListView
  android:id="@+id/left_drawer"
  android:layout_width="240dp"
  android:layout_height="match_parent"
  android:layout_gravity="start"
  android:choiceMode="singleChoice"
  android:divider="@android:color/transparent"
  android:dividerHeight="0dp"
  android:background="#111"/>
</android.support.v4.widget.DrawerLayout>

Drawer positioning and layout is controlled using the android:layout_gravity attribute on child views corresponding to which side of the view you want the drawer to emerge from: left or right.
 (Or start/end on platform versions that support layout direction.)
 也就是說
  android:layout_gravity="start" 相當(dāng)于左側(cè)的MENU向右滑動(dòng)即顯示菜單,LEFT/START(RIGHT/END)
那么從布局文件中可知:
 FrameLayout是內(nèi)容區(qū), ListView是左側(cè)菜單。
我們需做一個(gè)Fragment來裝載內(nèi)容: 

public class PageFragment extends Fragment {
  public final static String ITEM_POSITION_NUMBER = "item_position_num";
  public PageFragment(){}
  @Override
  public View onCreateView(LayoutInflater inflater, ViewGroup container,
    Bundle savedInstanceState) {
   View convertView = inflater.inflate(R.layout.page_fragment_layout, null);
   TextView tv = (TextView) convertView.findViewById(R.id.textView);
   int num = getArguments().getInt(ITEM_POSITION_NUMBER);
   //從res/array中獲取list數(shù)據(jù)
   String[] dynastyList = getResources().getStringArray(R.array.list_item);
   tv.setText(dynastyList[num]);
   return convertView;
  }
 }

代碼中可以看出當(dāng)我們在左側(cè)菜單中選擇SelectItem時(shí)會(huì)把對應(yīng)的值顯示到內(nèi)容區(qū)。
代碼中的page_fragment_layout.xml僅是FrameLayout內(nèi)加一個(gè)TextView所以就不貼代碼了。
接下來我們需要把listView進(jìn)行填充數(shù)據(jù)。 

private ListView menuList;
private String[] mMenuTitles;
private String[] historyTitles;
private String[] musicTitles;
private String[] movieTitles;
private String[] listTitles;
     // 歷史欄
  historyTitles = getResources().getStringArray(R.array.history);
  // 音樂欄
  musicTitles = getResources().getStringArray(R.array.music);
  // 電影欄
  movieTitles = getResources().getStringArray(R.array.movie);
  // 標(biāo)題數(shù)組
  mMenuTitles = getResources().getStringArray(R.array.title);
  // 每一項(xiàng)的標(biāo)題
  listTitles = getResources().getStringArray(R.array.list_item);

  drawLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
  menuList = (ListView) findViewById(R.id.left_menu);

  // 設(shè)置菜單陰影效果
  // drawLayout.setDrawerShadow(R.drawable.drawer_shadow,
  // GravityCompat.START);
  List<Item> list = new ArrayList<Item>();
  // 菜單加入歷史標(biāo)題和歷史項(xiàng)
  HeaderItem historyHeader = new HeaderItem(mMenuTitles[0]);
  list.add(historyHeader);
  for (int i = 0; i < historyTitles.length; i++) {
   EventItem historyitem = new EventItem(historyTitles[i]);
   list.add(historyitem);
  }

  // 菜單加入音樂標(biāo)題和音樂項(xiàng)
  HeaderItem musicHeader = new HeaderItem(mMenuTitles[1]);
  list.add(musicHeader);
  for (int i = 0; i < musicTitles.length; i++) {
   EventItem musicItem = new EventItem(musicTitles[i]);
   list.add(musicItem);
  }

  // 菜單加入電影標(biāo)題和電影項(xiàng)
  HeaderItem movieHeader = new HeaderItem(mMenuTitles[2]);
  list.add(movieHeader);
  for (int i = 0; i < movieTitles.length; i++) {
   EventItem movieItem = new EventItem(movieTitles[i]);
   list.add(movieItem);
  }

  MyListAdapter adapter = new MyListAdapter(this, list);
  menuList.setAdapter(adapter);

這個(gè)數(shù)據(jù)填充有點(diǎn)麻煩。自定義ListAdapter然后進(jìn)行適配。
 數(shù)據(jù)在res/values/arrays.xml中 

<?xml version="1.0" encoding="utf-8"?>
<resources>
 <string-array name="history">
  <item >三國</item>
  <item >楚漢</item>
  <item >春秋</item>
  <item >戰(zhàn)國</item>
 </string-array>
  <string-array name="music">
  <item >爵士</item>
  <item >古典</item>
  <item >現(xiàn)代</item>
  <item >民謠</item>
 </string-array>
  <string-array name="movie">
  <item >懸疑</item>
  <item >愛情</item>
  <item >歷史</item>
  <item >恐怖</item>
 </string-array>
 <string-array name="title">
  <item >歷史</item>
  <item >音樂</item>
  <item >電影</item>
 </string-array>
 <string-array name="list_item">
  <item >歷史</item>
  <item >三國</item>
  <item >楚漢</item>
  <item >春秋</item>
  <item >戰(zhàn)國</item>
  <item >音樂</item>
  <item >爵士</item>
  <item >古典</item>
  <item >現(xiàn)代</item>
  <item >民謠</item>
  <item >電影</item>
  <item >懸疑</item>
  <item >愛情</item>
  <item >歷史</item>
  <item >恐怖</item>
 </string-array>
</resources>

然后就是listView的監(jiān)聽: 

  private void initListener() {
  // 菜單單擊事件監(jiān)聽器
  menuList.setOnItemClickListener(new DrawerItemClickListener());
 }

 /* The click listner for ListView in the navigation drawer */
 private class DrawerItemClickListener implements
   ListView.OnItemClickListener {
  @Override
  public void onItemClick(AdapterView<?> parent, View view, int position,
    long id) {
   Log.i("Light", "position:" + position);
   selectItem(position);
  }
 }

 private void selectItem(int position) {
  // update the main content by replacing fragments
  PageFragment fragment = new PageFragment();
  // 將當(dāng)前選擇的項(xiàng)傳遞到Fragment
  Bundle args = new Bundle();
  args.putInt(PageFragment.ITEM_POSITION_NUMBER, position);
  fragment.setArguments(args);

  FragmentTransaction ft = MainActivity.this.getSupportFragmentManager()
    .beginTransaction();
  ft.replace(R.id.content_frame, fragment).commit();

  drawLayout.closeDrawer(menuList);
  // update selected item and title, then close the drawer
  menuList.setItemChecked(position, true);
  // 注意這里改變的是ActionBar的標(biāo)題
  getActionBar().setTitle(listTitles[position]);
 }

我們關(guān)心的是當(dāng)某一個(gè)Item被點(diǎn)擊時(shí)會(huì)發(fā)生什么即代碼: 

private void selectItem(int position) {
  // update the main content by replacing fragments
  PageFragment fragment = new PageFragment();
  // 將當(dāng)前選擇的項(xiàng)傳遞到Fragment
  Bundle args = new Bundle();
  args.putInt(PageFragment.ITEM_POSITION_NUMBER, position);
  fragment.setArguments(args);

  FragmentTransaction ft = MainActivity.this.getSupportFragmentManager()
    .beginTransaction();
  ft.replace(R.id.content_frame, fragment).commit();

  drawLayout.closeDrawer(menuList);
  // update selected item and title, then close the drawer
  menuList.setItemChecked(position, true);
  // 注意這里改變的是ActionBar的標(biāo)題
  getActionBar().setTitle(listTitles[position]);
 }

從代碼中可以看出 
1. 首先我們先通過new PageFragment();獲取內(nèi)容區(qū)。 
2. 通過Bundle把數(shù)據(jù)打包起來然后注入fragment.setArguments(args);中這樣fragment就能獲取到此數(shù)據(jù)。 
    在fragment類中通過getArguments().getInt(ITEM_POSITION_NUMBER);可以獲取傳遞的值。 
3. 然后通過ft.replace(R.id.content_frame, fragment).commit();把內(nèi)容替換成之前定義的PageFragment  
4. 關(guān)閉菜單通過drawLayout.closeDrawer(menuList); 整個(gè)代碼中我們僅用DrawLayout這一個(gè)函數(shù) 
5. 同時(shí)把ActionBar的標(biāo)題改為selectedItem對應(yīng)的值。 
*這時(shí)有人會(huì)問我們怎么沒有ListView與DrawerLayout進(jìn)行綁定的操作。我們在之前也說過DrawerLayout中的第二個(gè)開始即是菜單View,內(nèi)部已經(jīng)綁定好了。 
就這些內(nèi)容可以實(shí)現(xiàn)左右側(cè)滑動(dòng)菜單效果了。

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

最新評論