如何使用Toolbar+DrawerLayout+Tab+SwipRefresh

woff

現在工具夠多了,
所以接下來在把之前的
在如何使用Toolbar-Menu
如何使用DrawerLayout
如何使用下拉更新(SwipeRefreshLayout)
如何使用TabLayout
全部組合在一起。











main.xml

1. <android.support.v4.widget.DrawerLayout
   
2.     xmlns:android="http://schemas.android.com/apk/res/android"
   
3.     android:id="@+id/drawer_layout"
   
4.     android:layout_width="match_parent"
   
5.     android:layout_height="match_parent">
   
6.     <!-- The main content view -->
   
7.     <android.support.v4.widget.SwipeRefreshLayout
   
8.         android:layout_width="match_parent"
   
9.         android:layout_height="match_parent"
   
10.         android:id="@+id/refresh_layout">
    
11.         <RelativeLayout
    
12.             android:id="@+id/content_frame"
    
13.             android:layout_width="match_parent"
    
14.             android:layout_height="match_parent" >
    
15.             <android.support.v7.widget.Toolbar
    
16.                 android:layout_alignParentTop="true"
    
17.                 android:id="@+id/toolbar"
    
18.                 android:background="#fff000"
    
19.                 android:layout_height="wrap_content"
    
20.                 android:layout_width="match_parent"
    
21.                 android:minHeight="?attr/actionBarSize" />
    
22.             <android.support.design.widget.TabLayout
    
23.                 android:layout_below="@id/toolbar"
    
24.                 android:id="@+id/tabs"
    
25.                 android:layout_width="match_parent"
    
26.                 android:layout_height="wrap_content" />
    
27.             <android.support.v4.view.ViewPager
    
28.                 android:id="@+id/viewpager"
    
29.                 android:layout_below="@id/tabs"
    
30.                 android:layout_width="match_parent"
    
31.                 android:layout_height="match_parent"
    
32.                 />
    
33.         </RelativeLayout>
    
34.     </android.support.v4.widget.SwipeRefreshLayout>
    
35.     <!-- The navigation drawer -->
    
36.     <ListView android:id="@+id/left_drawer"
    
37.         android:layout_width="240dp"
    
38.         android:layout_height="match_parent"
    
39.         android:layout_gravity="start"
    
40.         android:choiceMode="singleChoice"
    
41.         android:divider="@android:color/transparent"
    
42.         android:dividerHeight="0dp"
    
43.         android:background="#99999999"/>
    
44. </android.support.v4.widget.DrawerLayout>

複製代碼

MainActivity.java

1. public class MainActivity extends AppCompatActivity {
   
2. 
   
3.     private DrawerLayout mDrawerLayout;
   
4. 
   
5.     private ActionBarDrawerToggle mActionBarDrawerToggle;
   
6. 
   
7.     private Toolbar toolbar;
   
8. 
   
9.     private android.support.design.widget.TabLayout mTabs;
   
10. 
    
11.     private ViewPager mViewPager;
    
12. 
    
13.     private SwipeRefreshLayout mSwipeRefreshLayout;
    
14. 
    
15.     @Override
    
16.     protected void onCreate(Bundle savedInstanceState) {
    
17.         super.onCreate(savedInstanceState);
    
18.         setContentView(R.layout.activity_main);
    
19.         initToolbar();
    
20.         initViewPager();
    
21.         initSwipRefresh();
    
22.     }
    
23. 
    
24.     private void initSwipRefresh(){
    
25.         mSwipeRefreshLayout = (SwipeRefreshLayout) findViewById(R.id.refresh_layout);
    
26.         mSwipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
    
27.             @Override
    
28.             public void onRefresh() {
    
29.                 mSwipeRefreshLayout.setRefreshing(false);
    
30.             }
    
31.         });
    
32. 
    
33.     }
    
34. 
    
35.     private void initToolbar(){
    
36.         toolbar = (Toolbar) findViewById(R.id.toolbar);
    
37.         // Set an OnMenuItemClickListener to handle menu item clicks
    
38.         toolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
    
39.             @Override
    
40.             public boolean onMenuItemClick(MenuItem item) {
    
41.                 // Handle the menu item
    
42.                 return true;
    
43.             }
    
44.         });
    
45.         // Inflate a menu to be displayed in the toolbar
    
46.         toolbar.inflateMenu(R.menu.menu_main);
    
47.         setSupportActionBar(toolbar);
    
48. 
    
49.         getSupportActionBar().setDisplayHomeAsUpEnabled(true);
    
50.         getSupportActionBar().setHomeButtonEnabled(true);
    
51. 
    
52.         mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
    
53.         mActionBarDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, toolbar, R.string.open, R.string.close) {
    
54.             @Override
    
55.             public void onDrawerOpened(View drawerView) {
    
56.                 super.onDrawerOpened(drawerView);
    
57. 
    
58.             }
    
59.             @Override
    
60.             public void onDrawerClosed(View drawerView) {
    
61.                 super.onDrawerClosed(drawerView);
    
62.             }
    
63.         };
    
64.         mActionBarDrawerToggle.syncState();
    
65.         mDrawerLayout.setDrawerListener(mActionBarDrawerToggle);
    
66.     }
    
67. 
    
68.     private void initViewPager(){
    
69.         mTabs = (android.support.design.widget.TabLayout) findViewById(R.id.tabs);
    
70.         mTabs.addTab(mTabs.newTab().setText("Tab 1"));
    
71.         mTabs.addTab(mTabs.newTab().setText("Tab 2"));
    
72.         mTabs.addTab(mTabs.newTab().setText("Tab 3"));
    
73. 
    
74.         mViewPager = (ViewPager) findViewById(R.id.viewpager);
    
75.         mViewPager.setAdapter(new SamplePagerAdapter());
    
76.         mViewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(mTabs));
    
77.     }
    
78. 
    
79.     private class SamplePagerAdapter extends PagerAdapter {
    
80. 
    
81.         @Override
    
82.         public int getCount() {
    
83.             return 3;
    
84.         }
    
85. 
    
86.         @Override
    
87.         public boolean isViewFromObject(View view, Object o) {
    
88.             return o == view;
    
89.         }
    
90. 
    
91.         @Override
    
92.         public CharSequence getPageTitle(int position) {
    
93.             return "Item " + (position + 1);
    
94.         }
    
95. 
    
96. 
    
97.         @Override
    
98.         public Object instantiateItem(ViewGroup container, int position) {
    
99.             View view = getLayoutInflater().inflate(R.layout.pager_item,
    
100.                     container, false);
     
101.             container.addView(view);
     
102.             TextView title = (TextView) view.findViewById(R.id.item_title);
     
103.             title.setText(String.valueOf(position + 1));
     
104.             return view;
     
105.         }
     
106.         @Override
     
107.         public void destroyItem(ViewGroup container, int position, Object object) {
     
108.             container.removeView((View) object);
     
109.         }
     
110. 
     
111.     }
     
112. 
     
113. 
     
114.     public boolean onCreateOptionsMenu(Menu menu) {
     
115.         MenuInflater inflater = getMenuInflater();
     
116.         inflater.inflate(R.menu.menu_main, menu);
     
117. 
     
118.         MenuItem menuSearchItem = menu.findItem(R.id.my_search);
     
119.         // Get the SearchView and set the searchable configuration
     
120.         SearchManager searchManager = (SearchManager) getSystemService(Context.SEARCH_SERVICE);
     
121. //        SearchView searchView = (SearchView) menuSearchItem.getActionView();
     
122.         SearchView searchView = (SearchView) menuSearchItem.getActionView();
     
123.         // Assumes current activity is the searchable activity
     
124.         searchView.setSearchableInfo(searchManager.getSearchableInfo(getComponentName()));
     
125.         searchView.setIconifiedByDefault(true); // Do not iconify the widget; expand it by default
     
126.         return true;
     
127.     }
     
128. 
     
129.     @Override
     
130.     public boolean onOptionsItemSelected(MenuItem item) {
     
131.         switch (item.getItemId()) {
     
132.             case R.id.action_about:
     
133.                 // About option clicked.
     
134.                 return true;
     
135.             case R.id.action_exit:
     
136.                 // Exit option clicked.
     
137.                 return true;
     
138.             case R.id.action_settings:
     
139.                 // Settings option clicked.
     
140.                 return true;
     
141.             default:
     
142.                 return super.onOptionsItemSelected(item);
     
143.         }
     
144.     }
     
145. }

複製代碼

pager_item.xml

1. <?xml version="1.0" encoding="utf-8"?>
   
2. 
   
3. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   
4.     android:layout_width="match_parent"
   
5.     android:layout_height="match_parent"
   
6.     android:orientation="vertical"
   
7.     android:gravity="center">
   
8. 
   
9.     <TextView
   
10.         android:id="@+id/item_subtitle"
    
11.         android:layout_width="wrap_content"
    
12.         android:layout_height="wrap_content"
    
13.         android:textAppearance="?android:attr/textAppearanceLarge"
    
14.         android:text="Page:"/>
    
15. 
    
16.     <TextView
    
17.         android:id="@+id/item_title"
    
18.         android:layout_width="wrap_content"
    
19.         android:layout_height="wrap_content"
    
20.         android:textSize="80sp" />
    
21. 
    
22. </LinearLayout>
    
23. manifest
    
24. <?xml version="1.0" encoding="utf-8"?>
    
25. <manifest xmlns:android="http://schemas.android.com/apk/res/android"
    
26.     package="example.givemepass.toolbardemo" >
    
27. 
    
28.     <application
    
29.         android:allowBackup="true"
    
30.         android:icon="@mipmap/ic_launcher"
    
31.         android:label="@string/app_name"
    
32.         android:theme="@style/AppTheme" >
    
33.         <activity
    
34.             android:name=".MainActivity"
    
35.             android:theme="@style/AppTheme"
    
36.             android:label="@string/app_name" >
    
37.             <intent-filter>
    
38.                 <action android:name="android.intent.action.MAIN" />
    
39.                 <category android:name="android.intent.category.LAUNCHER" />
    
40.             </intent-filter>
    
41.         </activity>
    
42.         <!-- Searchable -->
    
43.         <activity
    
44.             android:name=".SearchableActivity"
    
45.             android:theme="@style/Theme.AppCompat.Light"
    
46.             android:launchMode="singleTop" >
    
47.             <intent-filter>
    
48.                 <action android:name="android.intent.action.SEARCH" />
    
49.             </intent-filter>
    
50.             <intent-filter>
    
51.                 <action android:name="android.intent.action.VIEW" />
    
52.             </intent-filter>
    
53. 
    
54.             <meta-data
    
55.                 android:name="android.app.searchable"
    
56.                 android:resource="@xml/searchable"
    
57.                 />
    
58.         </activity>
    
59. 
    
60.         <!-- Points to searchable activity so the whole app can invoke search. -->
    
61.         <meta-data
    
62.             android:name="android.app.default_searchable"
    
63.             android:value=".SearchableActivity" />
    
64.     </application>
    
65. 
    
66. </manifest>
    
67. style
    
68. <resources>
    
69. 
    
70.     <!-- Base application theme. -->
    
71.     <style name="AppTheme" parent="@style/Theme.AppCompat.Light.NoActionBar">
    
72.         <!-- Customize your theme here. -->
    
73.     </style>
    
74. 
    
75. </resources>
    
76. menu
    
77. <menu xmlns:android="http://schemas.android.com/apk/res/android"
    
78.     xmlns:app="http://schemas.android.com/apk/res-auto"
    
79.     xmlns:tools="http://schemas.android.com/tools" tools:context=".MainActivity">
    
80.     <item android:id="@+id/action_settings" android:title="@string/action_settings"
    
81.         android:orderInCategory="100" app:showAsAction="never" />
    
82.     <item
    
83.         android:id="@+id/action_about"
    
84.         android:orderInCategory="200"
    
85.         app:showAsAction="never"
    
86.         android:title="About"/>
    
87.     <item
    
88.         android:id="@+id/action_exit"
    
89.         android:orderInCategory="300"
    
90.         app:showAsAction="never"
    
91.         android:title="Exit"/>
    
92.     <item android:id="@+id/my_search"
    
93.         android:title="@string/search_title"
    
94.         android:icon="@drawable/ic_open_search"
    
95.         app:showAsAction="ifRoom"
    
96.         app:actionViewClass="android.support.v7.widget.SearchView" />
    
97. </menu>

複製代碼

gradle

1. dependencies {
   
2.     compile fileTree(dir: 'libs', include: ['*.jar'])
   
3.     compile 'com.android.support:appcompat-v7:22.2.0'
   
4.     compile 'com.android.support:design:22.2.0'
   
5. }

複製代碼

程式碼

文章來源