【Android】Material Design應用技術(一)

一、 TableLayout 的使用

首先看下效果：

下面寫下實現過程：
之前工作：導入MD包到項目中

1.創建一個空白Fragment：
fragment_blank.xml

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.designdemo01.BlankFragment">


    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="center"
        android:textSize="30sp"
        android:id="@+id/pager_text" />

</FrameLayout>

BlankFragment.java

public class BlankFragment extends Fragment {

    public BlankFragment() {
    }

    public static BlankFragment newInstance(String text) {
        Bundle args = new Bundle();
        args.putString("text",text);
        BlankFragment fragment = new BlankFragment();
        fragment.setArguments(args);
        return fragment;
    }
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_blank, container, false);
    }

    @Override
    public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
        TextView text=view.findViewById(R.id.pager_text);
        String str=getArguments().getString("text");
        text.setText(str);
    }
}

創建MyAdapter.java

public class Myadapter extends FragmentPagerAdapter{
    private List<String> list;

    public Myadapter(FragmentManager fm, List<String> list) {
        super(fm);
        this.list = list;
    }

    @Override
    public Fragment getItem(int position) {
        return BlankFragment.newInstance(list.get(position));
    }

    @Override
    public int getCount() {
        return list.size();
    }

    @Override
    public CharSequence getPageTitle(int position) {
        return list.get(position);
    }
}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.designdemo01.MainActivity">

    <android.support.design.widget.TabLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        <!--字體樣式-->
        app:tabTextAppearance="@android:style/TextAppearance.Large"
        <!--導航欄背景顏色-->
        app:tabBackground="@color/colorPrimaryDark"
        <!--導航欄字體顏色-->
        app:tabTextColor="@android:color/white"
        <!--導航欄選中字體顏色-->
        app:tabSelectedTextColor="@color/colorAccent"
        <!--導航小橫條顏色，默認爲顏色爲colorAccent-->
        app:tabIndicatorColor="@android:color/holo_blue_bright"

        android:id="@+id/tab">
    </android.support.design.widget.TabLayout>

    <android.support.v4.view.ViewPager
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:id="@+id/paper">

    </android.support.v4.view.ViewPager>

</LinearLayout>

MainActivity.java

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        ViewPager pager=(ViewPager)findViewById(R.id.paper);
        TabLayout tab= (TabLayout) findViewById(R.id.tab);
        List<String> list=new ArrayList<String>();
        for(int i=0;i<3;i++)
        {
            list.add(String.format(Locale.CHINA,"第"+i+"頁"));
        }
        pager.setAdapter(new Myadapter(getSupportFragmentManager(),list));
        //導航條
        tab.setupWithViewPager(pager);
    }
}