本文主要包括以下內(nèi)容

ToolBar的使用

RecyclerView的定義與使用

ToolBar

風(fēng)格 (style)
界面 (layout)
程序 (java)

首先自定義一個theme,并將AppTheme的parent改成我們自定義的theme

(style.xml) <resources><style name="BaseAppTheme" parent="Theme.AppCompat.Light.NoActionBar"><!-- Customize your theme here. --><item name="colorPrimary">@color/primary</item><item name="colorPrimaryDark">@color/primary_dark</item><item name="colorAccent">@color/accent</item><item name="android:windowBackground">@color/window_background</item></style><style name="AppTheme" parent="BaseAppTheme" /></resources>

其中，colorPrimaryDark是狀態(tài)欄底色
App bar 底色
navigationBarColor 導(dǎo)航欄底色
主視窗底色：windowBackground

在這里定義整個界面的底色

在layout中定義toolbar

<android.support.v7.widget.Toolbarandroid:id="@+id/toolbar"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_alignParentTop="true"android:background="?attr/colorPrimary"></android.support.v7.widget.Toolbar>

在java代碼中

有以下方法

setNavigationIcon:
即設(shè)定 up button 的圖標，因為 Material 的介面，在 Toolbar這里的 up button樣式也就有別于過去的 ActionBar 哦。

setLogo
APP 的圖標。

setTitle
主標題。

setSubtitle
副標題。

setOnMenuItemClickListener
設(shè)定菜單各按鈕的動作。

效果如下

實現(xiàn)

protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);toolbar=(Toolbar)findViewById(R.id.toolbar);mRecyclerView= (RecyclerView) findViewById(R.id.recyclerView);// App Logotoolbar.setLogo(R.drawable.ic_launcher); // Titletoolbar.setTitle("My Title2"); // Sub Titletoolbar.setSubtitle("Sub title");setSupportActionBar(toolbar);// Navigation Icon 要設(shè)定在 setSupoortActionBar 才有作用 // 否則會出現(xiàn) back buttontoolbar.setNavigationIcon(R.drawable.ab_android);toolbar.setOnMenuItemClickListener(onMenuItemClick);}

在menu中定義菜單

<menu xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"tools:context=".MainActivity"><item android:id="@+id/action_edit"android:title="edit"android:orderInCategory="80"android:icon="@drawable/ab_edit"app:showAsAction="ifRoom" /><item android:id="@+id/action_share"android:title="share"android:orderInCategory="90"android:icon="@drawable/ab_share"app:showAsAction="ifRoom" /><item android:id="@+id/action_settings"android:title="setting"android:orderInCategory="100"app:showAsAction="never"/> </menu>

設(shè)置圖標與圖標響應(yīng)事件

并且在onCreateOptionsMenu方法中綁定，

然后用OnMenuItemClickListener 設(shè)置監(jiān)聽

toolbar.setOnMenuItemClickListener(onMenuItemClick)，將監(jiān)聽賦給toolbar

private Toolbar.OnMenuItemClickListener onMenuItemClick = new Toolbar.OnMenuItemClickListener() {@Overridepublic boolean onMenuItemClick(MenuItem menuItem) {String msg = "";switch (menuItem.getItemId()) {case R.id.action_edit:msg += "Click edit";break;case R.id.action_share:msg += "Click share";break;case R.id.action_settings:msg += "Click setting";break;}if(!msg.equals("")) {Toast.makeText(MainActivity.this, msg, Toast.LENGTH_SHORT).show();}return true;}};@Overridepublic boolean onCreateOptionsMenu(Menu menu) {getMenuInflater().inflate(R.menu.menu_main,menu);return super.onCreateOptionsMenu(menu);}

參考鏈接：

android：ToolBar詳解（手把手教程） - 泡在網(wǎng)上的日子

RecycleView的使用

RecyclerView出現(xiàn)已經(jīng)有一段時間了，相信大家肯定不陌生了，大家可以通過導(dǎo)入support-v7對其進行使用。
據(jù)官方的介紹，該控件用于在有限的窗口中展示大量數(shù)據(jù)集，其實這樣功能的控件我們并不陌生，例如：ListView、GridView。

那么有了ListView、GridView為什么還需要RecyclerView這樣的控件呢？整體上看RecyclerView架構(gòu)，提供了一種插拔式的體驗，高度的解耦，異常的靈活，通過設(shè)置它提供的不同LayoutManager，ItemDecoration , ItemAnimator實現(xiàn)令人瞠目的效果。

• 你想要控制其顯示的方式，請通過布局管理器LayoutManager
• 你想要控制Item間的間隔（可繪制），請通過ItemDecoration
• 你想要控制Item增刪的動畫，請通過ItemAnimator
• 你想要控制點擊、長按事件，請自己寫

基本使用

mRecyclerView = findView(R.id.id_recyclerview); //設(shè)置布局管理器 mRecyclerView.setLayoutManager(layout); //設(shè)置adapter mRecyclerView.setAdapter(adapter) //設(shè)置Item增加、移除動畫 mRecyclerView.setItemAnimator(new DefaultItemAnimator()); //添加分割線 mRecyclerView.addItemDecoration(new DividerItemDecoration(getActivity(), DividerItemDecoration.HORIZONTAL_LIST));

簡單實現(xiàn)

package com.zj.material2recy;import android.os.Bundle; import android.support.design.widget.Snackbar; import android.support.v7.app.AppCompatActivity; import android.support.v7.widget.DefaultItemAnimator; import android.support.v7.widget.RecyclerView; import android.support.v7.widget.StaggeredGridLayoutManager; import android.support.v7.widget.Toolbar; import android.view.LayoutInflater; import android.view.Menu; import android.view.MenuItem; import android.view.View; import android.view.ViewGroup; import android.widget.TextView;import java.util.ArrayList; import java.util.List;public class MainActivity extends AppCompatActivity {RecyclerView recyclerView;private List<String> mDatas;private HomeAdapter mAdapter;Toolbar toolbar;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);toolbar= (Toolbar) findViewById(R.id.toolbar);setSupportActionBar(toolbar);setTitle("KSFHFSSF");initData();recyclerView= (RecyclerView) findViewById(R.id.id_recyclerview);recyclerView.setHasFixedSize(true);//recyclerView.setLayoutManager(new LinearLayoutManager(this));//recyclerView.setLayoutManager(new GridLayoutManager(MainActivity.this,3));recyclerView.setLayoutManager(new StaggeredGridLayoutManager(4,StaggeredGridLayoutManager.VERTICAL));mAdapter = new HomeAdapter();recyclerView.setAdapter(mAdapter);recyclerView.setItemAnimator(new DefaultItemAnimator());}public void add(View view){mAdapter.add(view);}public void remove(View view){mAdapter.remove(view);}List<Integer> mHeights;protected void initData(){mDatas = new ArrayList<String>();for (int i = 'A'; i < 'z'; i++){mDatas.add("" + (char) i);}mHeights = new ArrayList<Integer>();for (int i = 0; i < mDatas.size(); i++){mHeights.add( (int) (100 + Math.random() * 300));}}class HomeAdapter extends RecyclerView.Adapter<HomeAdapter.MyViewHolder>{public void add(View view){mDatas.add(2,"insert");notifyItemInserted(2);}public void remove(View view){mDatas.remove(8);notifyItemRemoved(8);}@Overridepublic HomeAdapter.MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {MyViewHolder holder=new MyViewHolder(LayoutInflater.from(MainActivity.this).inflate(R.layout.item_main,parent,false));return holder;}@Overridepublic void onBindViewHolder(HomeAdapter.MyViewHolder holder, int position) {int temp= (int) (Math.random()*5+10);//holder.tv.setHeight(temp);ViewGroup.LayoutParams lp = holder.tv.getLayoutParams();lp.height = mHeights.get(position);holder.tv.setLayoutParams(lp);holder.tv.setText(mDatas.get(position));}@Overridepublic int getItemCount() {return mDatas.size();}class MyViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener{TextView tv;public MyViewHolder(View view){super(view);tv = (TextView) view.findViewById(R.id.id_num);view.setOnClickListener(this);}@Overridepublic void onClick(View view) {String text=tv.getText().toString();int positon=recyclerView.getChildAdapterPosition(view);Snackbar.make(view, text+positon, Snackbar.LENGTH_SHORT).show();}}}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {// Inflate the menu; this adds items to the action bar if it is present.getMenuInflater().inflate(R.menu.menu_main, menu);return true;}@Overridepublic boolean onOptionsItemSelected(MenuItem item) {// Handle action bar item clicks here. The action bar will// automatically handle clicks on the Home/Up button, so long// as you specify a parent activity in AndroidManifest.xml.int id = item.getItemId();//noinspection SimplifiableIfStatementif (id == R.id.action_settings) {return true;}return super.onOptionsItemSelected(item);} }

布局文件

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"android:layout_width="match_parent"android:layout_height="match_parent"><android.support.v7.widget.Toolbar android:id="@+id/toolbar"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_alignParentTop="true"android:title="afbd"android:background="?attr/colorPrimary"></android.support.v7.widget.Toolbar><LinearLayout android:layout_below="@id/toolbar"android:id="@+id/bt_ctr"android:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><Button android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="add"android:onClick="add"/><Button android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="remove"android:onClick="remove"/></LinearLayout><android.support.v7.widget.RecyclerView android:id="@+id/id_recyclerview"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_below="@+id/bt_ctr"android:scrollbars="none" /></RelativeLayout>

recycleView的item布局

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="wrap_content"android:minHeight="60dp"android:clickable="true"android:gravity="center_vertical"android:orientation="vertical"><TextView android:id="@+id/id_num"android:layout_width="match_parent"android:layout_height="wrap_content"android:padding="10dp"android:text="abfd"android:gravity="center"android:textColor="@android:color/black"android:textSize="18sp" /> </RelativeLayout>

效果如下：實現(xiàn)了瀑布流，添加，刪除時的動畫

分割線的實現(xiàn)詳見參考鏈接:

Android RecyclerView 使用完全解析 體驗藝術(shù)般的控件 - Hongyang - 博客頻道 - CSDN.NET

layoutManger的用法

RecyclerView.LayoutManager吧，這是一個抽象類，好在系統(tǒng)提供了3個實現(xiàn)類,分別實現(xiàn)listView,grideView,瀑布流：

• LinearLayoutManager 現(xiàn)行管理器，支持橫向、縱向。
• GridLayoutManager 網(wǎng)格布局管理器
• StaggeredGridLayoutManager 瀑布就式布局管理器

//mRecyclerView.setLayoutManager(new LinearLayoutManager(this));mRecyclerView.setLayoutManager(new GridLayoutManager(this,4));

ItemAnimator的用法

ItemAnimator也是一個抽象類，好在系統(tǒng)為我們提供了一種默認的實現(xiàn)類，期待系統(tǒng)多
添加些默認的實現(xiàn)。

借助默認的實現(xiàn)，當(dāng)Item添加和移除的時候，添加動畫效果很簡單:

// 設(shè)置item動畫 mRecyclerView.setItemAnimator(new DefaultItemAnimator());

• 注意，這里更新數(shù)據(jù)集不是用adapter.notifyDataSetChanged()而是
  notifyItemInserted(position)與notifyItemRemoved(position)
  否則沒有動畫效果。
  上述為adapter中添加了兩個方法：

public void addData(int position) {mDatas.add(position, "Insert One");notifyItemInserted(position);}public void removeData(int position) {mDatas.remove(position);notifyItemRemoved(position);}

點擊事件監(jiān)聽實現(xiàn)

class MyViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener{TextView tv;public MyViewHolder(View view){super(view);tv = (TextView) view.findViewById(R.id.id_num);view.setOnClickListener(this);}@Overridepublic void onClick(View view) {String text=tv.getText().toString();int positon=recyclerView.getChildAdapterPosition(view);Snackbar.make(view, text+positon, Snackbar.LENGTH_SHORT).show();}}}

首先setOnclickListener，由MyViewHolder 接收并處理

完成：參考鏈接如下

Android RecyclerView 使用完全解析 體驗藝術(shù)般的控件 - Hongyang - 博客頻道 - CSDN.NET

動畫效果源碼

總結(jié)

以上是生活随笔為你收集整理的Material Design入门的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。