基于android Material Design基础框架搭建

最新推荐文章于 2022-06-13 20:33:54 发布
最新推荐文章于 2022-06-13 20:33:54 发布
阅读量2k 收藏 1
点赞数 1
分类专栏： android android新技术 文章标签： android material-design 基础框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_25497621/article/details/75909639
版权

Android 的material design设计风格应该在5.0版本就问世了，整体的风格很炫酷，加上谷歌爸爸新添的好些个流畅美观的自定义控件，使Android的界面逼格上升了好几个档次！但是刚推出的时候，是基于5.0及以上的版本的，那么很可惜大部分项目是不能用的！当然，谷爸爸很快的意识到这点，于是接着又推出支持低版本的库！恩，所以很早之前，就可以用这种炫酷的界面风格了！我自己维护的几个项目没有使用，主要是因为实在没有多余的时间整了，毕竟能让项目流畅而又不Crash得跑起来，并不是一件很简单的事情！况且，维护的项目，前期是别人用的Eclipse写的，隐隐的感觉到在Eclipse上添加material design可能会比Android Studio上更加麻烦鸡肋！
这里写图片描述

当然，Eclipse上也是可以的添加的。具体的做法其实也并不是很麻烦。
路径如下：

* sdk\extras\android\support\design *

导入之后，应该报错的状态，错误的原因很简单，缺少响应的style，那你再导入对应的V7包，clean一下就可以使用了！如果你的文件路径下没有这些文件，那还需要在SDK manage中下载相关的支持包！我前一段时间在公司整了一个demo，可惜现在出差在外，无法拿到！等回公司了再传响应的demo吧！

ok,题外话就扯到这，我们开始Android studio的 Material Design开发！
先看效果图：

这里写图片描述

跟大部分普通的app没什么区别，底部四个按钮菜单对应响应的内容！

接着看代码：
布局文件：

<?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"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    android:background="@android:color/white"
    android:orientation="vertical">

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:id="@+id/container" />

    <android.support.design.widget.BottomNavigationView
        android:id="@+id/navigation"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:background="@android:color/white"
        app:menu="@menu/navigation"/>
</LinearLayout>

BottomNavigationView中的menu布局：

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">

    <item
        android:id="@+id/navigation_home"
        android:icon="@mipmap/ic_bottom_home"
        android:title="@string/title_home"/>

    <item
        android:id="@+id/navigation_dashboard"
        android:icon="@mipmap/ic_bottom_course"
        android:title="@string/title_dashboard"/>

    <item
        android:id="@+id/navigation_notifications"
        android:icon="@mipmap/ic_bottom_news"
        android:title="@string/title_notifications"/>

    <item
        android:id="@+id/navigation_my"
        android:icon="@mipmap/ic_bottom_profil"
        android:title="@string/title_my"/>

</menu>

这里注意的是这个控件对的菜单个数：
这里写图片描述
官方的说明，菜单的个数大概是3~5个，3个菜单的样式和大于3个菜单的样式是不同的，大家可以自己尝试一下。当然，按照中国产品设计的尿性，样式是必须统一的！那我们只能再做修改嘞！

当菜单大于3时，为保障样式统一，需要添加这个规范：

public class BottomNavigationViewHelper { 
    public static void disableShiftMode(BottomNavigationView view) {
        BottomNavigationMenuView menuView = (BottomNavigationMenuView) view.getChildAt(0);
        try { 
            Field shiftingMode = menuView.getClass().getDeclaredField("mShiftingMode");
            shiftingMode.setAccessible(true);
            shiftingMode.setBoolean(menuView, false);
            shiftingMode.setAccessible(false);
            for (int i = 0; i < menuView.getChildCount(); i++) {
                BottomNavigationItemView item = (BottomNavigationItemView) menuView.getChildAt(i);
                item.setShiftingMode(false);
                item.setChecked(item.getItemData().isChecked());
            } 
        } catch (NoSuchFieldException e) {
            Log.e("BNVHelper", "Unable to get shift mode field", e);
        } catch (IllegalAccessException e) {
            Log.e("BNVHelper", "Unable to change value of shift mode", e);
        } 
    } 
}

恩，接着改变选中时的样式颜色：

int[][] states = new int[][]{
                new int[]{-android.R.attr.state_checked},//非选中时的颜色
                new int[]{android.R.attr.state_checked}
        };

        int[] colors = new int[]{getResources().getColor(R.color.common_unselect_color),
                getResources().getColor(R.color.common_select_color)
        };

 ColorStateList csl = new ColorStateList(states, colors);
        navigation.setItemTextColor(csl);
        navigation.setItemIconTintList(csl);

接着我们随意创建4个Fragment：

这里写图片描述

下面是所有的代码：

package com.jwzt.shian.activity;

import android.content.res.ColorStateList;
import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.design.widget.BottomNavigationView;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentTransaction;
import android.support.v7.app.AppCompatActivity;
import android.view.MenuItem;

import com.jwzt.shian.R;
import com.jwzt.shian.fragment.CourseFragment;
import com.jwzt.shian.fragment.HomeFragemnt;
import com.jwzt.shian.fragment.NewsFragment;
import com.jwzt.shian.fragment.ProfilFragment;
import com.jwzt.shian.widget.BottomNavigationViewHelper;

public class MainActivity extends AppCompatActivity {

    private static final String KEY_BOTTOM_NAVIGATION_VIEW_SELECTED_ID = "KEY_BOTTOM_NAVIGATION_VIEW_SELECTED_ID";

    private BottomNavigationView.OnNavigationItemSelectedListener mOnNavigationItemSelectedListener
            = new BottomNavigationView.OnNavigationItemSelectedListener() {

        @Override
        public boolean onNavigationItemSelected(@NonNull MenuItem item) {
            FragmentTransaction ft = getSupportFragmentManager().beginTransaction();
            switch (item.getItemId()) {
                case R.id.navigation_home:
                    showFragment(mHomeFragment);
                    break;
                case R.id.navigation_dashboard:
                    showFragment(mCourseFragment);
                    break;
                case R.id.navigation_notifications:
                    showFragment(mNewsFragment);
                    break;
                case R.id.navigation_my:
                    showFragment(mProfilFragment);
                    break;
            }
            ft.commit();
            return true;
        }

    };
    private HomeFragemnt mHomeFragment;
    private CourseFragment mCourseFragment;
    private NewsFragment mNewsFragment;
    private ProfilFragment mProfilFragment;
    private BottomNavigationView navigation;

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

        if (savedInstanceState != null) {
            int id = savedInstanceState.getInt(KEY_BOTTOM_NAVIGATION_VIEW_SELECTED_ID, R.id.navigation_home);
            switch (id) {
                case R.id.navigation_home:
                    showFragment(mHomeFragment);
                    break;
                case R.id.navigation_dashboard:
                    showFragment(mCourseFragment);
                    break;
                case R.id.navigation_notifications:
                    showFragment(mNewsFragment);
                    break;
                case R.id.navigation_my:
                    showFragment(mProfilFragment);
                    break;
            }
        } else {
             showFragment(mHomeFragment);
        }

    }

    @Override
    protected void onSaveInstanceState(Bundle outState) {
        super.onSaveInstanceState(outState);
        outState.putInt(KEY_BOTTOM_NAVIGATION_VIEW_SELECTED_ID, navigation.getSelectedItemId());
        FragmentManager fm = getSupportFragmentManager();
        if (mHomeFragment.isAdded()) {
            fm.putFragment(outState, HomeFragemnt.class.getSimpleName(), mHomeFragment);
        }
        if (mCourseFragment.isAdded()) {
            fm.putFragment(outState, CourseFragment.class.getSimpleName(), mCourseFragment);
        }
        if (mNewsFragment.isAdded()) {
            fm.putFragment(outState, NewsFragment.class.getSimpleName(), mNewsFragment);
        }
        if (mProfilFragment.isAdded()) {
            fm.putFragment(outState, ProfilFragment.class.getSimpleName(), mProfilFragment);
        }

    }

    private void showFragment(Fragment fragment) {
        FragmentManager fm = getSupportFragmentManager();
        if (fragment instanceof HomeFragemnt) {
            fm.beginTransaction()
                    .show(mHomeFragment)
                    .hide(mCourseFragment)
                    .hide(mNewsFragment)
                    .hide(mProfilFragment)
                    .commit();

        } else if (fragment instanceof CourseFragment) {
            fm.beginTransaction()
                    .show(mCourseFragment)
                    .hide(mHomeFragment)
                    .hide(mNewsFragment)
                    .hide(mProfilFragment)
                    .commit();
        } else if (fragment instanceof NewsFragment) {
            fm.beginTransaction()
                    .show(mNewsFragment)
                    .hide(mHomeFragment)
                    .hide(mCourseFragment)
                    .hide(mProfilFragment)
                    .commit();
        }else if(fragment instanceof ProfilFragment){
            fm.beginTransaction()
                    .show(mProfilFragment)
                    .hide(mHomeFragment)
                    .hide(mCourseFragment)
                    .hide(mNewsFragment)
                    .commit();
        }
    }




    /**
     * 初始化Fragemnt
     * @param savedInstanceState
     */
    private void initFragments(Bundle savedInstanceState) {

        FragmentManager fm = getSupportFragmentManager();
        if (savedInstanceState == null) {
            mHomeFragment = HomeFragemnt.newInstance();
            mCourseFragment = CourseFragment.newInstance();
            mNewsFragment=NewsFragment.newInstance();
            mProfilFragment = ProfilFragment.newInstance();
        } else {
            mHomeFragment = (HomeFragemnt) fm.getFragment(savedInstanceState, HomeFragemnt.class.getSimpleName());
            mCourseFragment = (CourseFragment) fm.getFragment(savedInstanceState, CourseFragment.class.getSimpleName());
            mNewsFragment = (NewsFragment) fm.getFragment(savedInstanceState, NewsFragment.class.getSimpleName());
            mProfilFragment = (ProfilFragment) fm.getFragment(savedInstanceState, ProfilFragment.class.getSimpleName());
        }

        if (!mHomeFragment.isAdded()) {
            fm.beginTransaction()
                    .add(R.id.container, mHomeFragment, HomeFragemnt.class.getSimpleName())
                    .commit();
        }

        if (!mCourseFragment.isAdded()) {
            fm.beginTransaction()
                    .add(R.id.container, mCourseFragment, CourseFragment.class.getSimpleName())
                    .commit();

        }

        if (!mNewsFragment.isAdded()) {
            fm.beginTransaction()
                    .add(R.id.container, mNewsFragment, NewsFragment.class.getSimpleName())
                    .commit();
        }

        if (!mProfilFragment.isAdded()) {
            fm.beginTransaction()
                    .add(R.id.container, mProfilFragment, ProfilFragment.class.getSimpleName())
                    .commit();
        }


    }

    /**
     * 初始化页面控件
     */
    private void initView() {
        int[][] states = new int[][]{
                new int[]{-android.R.attr.state_checked},
                new int[]{android.R.attr.state_checked}
        };

        int[] colors = new int[]{getResources().getColor(R.color.common_unselect_color),
                getResources().getColor(R.color.common_select_color)
        };
        navigation = (BottomNavigationView) findViewById(R.id.navigation);
        BottomNavigationViewHelper.disableShiftMode(navigation);
        navigation.setOnNavigationItemSelectedListener(mOnNavigationItemSelectedListener);
        ColorStateList csl = new ColorStateList(states, colors);
        navigation.setItemTextColor(csl);
        navigation.setItemIconTintList(csl);


    }
}

很简单，我也就不废话了！

下面是个人中心的界面：

<android.support.design.widget.CoordinatorLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/cdl_content"
    android:background="#ffffff"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    >
    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        android:background="#ffffff"
        >
        <android.support.design.widget.CollapsingToolbarLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@+id/ctl_title"
            app:layout_scrollFlags="scroll|exitUntilCollapsed"
            android:layout_gravity="center_vertical"
            app:contentScrim="@android:color/white">

            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent">




                <com.jwzt.shian.widget.XCRoundImageView
                    android:id="@+id/iv_user_icon"
                    android:layout_width="80dp"
                    android:layout_height="80dp"
                    android:layout_centerInParent="true"
                    android:background="@mipmap/ic_user_icon"
                    />

            </RelativeLayout>



            <android.support.v7.widget.Toolbar
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:id="@+id/tl_title"
                app:layout_collapseMode="pin"
                app:popupTheme="@style/AppTheme.PopupOverlay"
                android:fitsSystemWindows="true"
                xmlns:app="http://schemas.android.com/apk/res-auto"
                >


                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_marginRight="16dp">
                    <TextView
                        android:id="@+id/tv_setting_title"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center"
                        android:layout_centerInParent="true"
                        android:textColor="#000000"
                        android:textSize="20sp"
                        android:layout_centerVertical="true"
                        android:text="个人中心"/>

                    <ImageView
                        android:id="@+id/iv_setting"
                        android:layout_width="30dp"
                        android:layout_height="30dp"
                        android:layout_alignParentRight="true"
                        android:layout_centerVertical="true"
                        android:src="@mipmap/ic_setting"
                        android:background="?android:attr/selectableItemBackground"

                        />

                </RelativeLayout>








            </android.support.v7.widget.Toolbar>

        </android.support.design.widget.CollapsingToolbarLayout>

    </android.support.design.widget.AppBarLayout>
    <android.support.v4.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        >



        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            >
            <View
                android:layout_width="match_parent"
                android:layout_height="20px"
                android:background="#f6f6f6"
                ></View>



            <RelativeLayout
                android:id="@+id/rl_my_course"
                android:layout_width="match_parent"
                android:layout_height="60dp"
                android:background="?android:attr/selectableItemBackground"
                android:gravity="center_vertical"
                android:clickable="true"
                >
                <ImageView
                    android:id="@+id/iv_icon_course"
                    android:layout_width="20dp"
                    android:layout_height="20dp"
                    android:layout_marginLeft="10dp"
                    android:background="@mipmap/ic_my_course"
                    android:layout_centerVertical="true"
                    />
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:gravity="center"
                    android:text="我的课程"
                    android:textSize="19sp"
                    android:textColor="@color/common_unselect_color"
                    android:layout_marginLeft="70dp"
                    />
            </RelativeLayout>


            <View
                android:layout_width="match_parent"
                android:layout_height="0.5px"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:background="#dddddd"
                ></View>

            <RelativeLayout
                android:id="@+id/rl_learning_history"
                android:layout_width="match_parent"
                android:layout_height="60dp"
                android:background="?android:attr/selectableItemBackground"
                android:gravity="center_vertical"
                android:clickable="true"
                >
                <ImageView
                    android:layout_width="20dp"
                    android:layout_height="20dp"
                    android:layout_marginLeft="10dp"
                    android:background="@mipmap/ic_learning_history"
                    android:layout_centerVertical="true"
                    />
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:gravity="center"
                    android:text="学习记录"
                    android:textSize="19sp"
                    android:textColor="@color/common_unselect_color"
                    android:layout_marginLeft="70dp"
                    />
            </RelativeLayout>


            <View
                android:layout_width="match_parent"
                android:layout_height="0.5px"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:background="#dddddd"
                ></View>


            <RelativeLayout
                android:id="@+id/rl_my_card"
                android:layout_width="match_parent"
                android:layout_height="60dp"
                android:background="?android:attr/selectableItemBackground"
                android:gravity="center_vertical"
                android:clickable="true"
                >
                <ImageView
                    android:layout_width="20dp"
                    android:layout_height="20dp"
                    android:layout_marginLeft="10dp"
                    android:background="@mipmap/ic_my_card"
                    android:layout_centerVertical="true"
                    />
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:gravity="center"
                    android:text="我的证书"
                    android:textSize="19sp"
                    android:textColor="@color/common_unselect_color"
                    android:layout_marginLeft="70dp"
                    />
            </RelativeLayout>


            <View
                android:layout_width="match_parent"
                android:layout_height="0.5px"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:background="#dddddd"
                ></View>

            <RelativeLayout
                android:id="@+id/rl_my_collection"
                android:layout_width="match_parent"
                android:layout_height="60dp"
                android:background="?android:attr/selectableItemBackground"
                android:gravity="center_vertical"
                android:clickable="true"
                >
                <ImageView
                    android:layout_width="20dp"
                    android:layout_height="20dp"
                    android:layout_marginLeft="10dp"
                    android:background="@mipmap/ic_collection"
                    android:layout_centerVertical="true"
                    />
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:gravity="center"
                    android:text="我的收藏"
                    android:textSize="19sp"
                    android:textColor="@color/common_unselect_color"
                    android:layout_marginLeft="70dp"
                    />
            </RelativeLayout>


            <View
                android:layout_width="match_parent"
                android:layout_height="0.5px"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:background="#dddddd"
                ></View>


            <RelativeLayout
                android:id="@+id/rl_outline"
                android:layout_width="match_parent"
                android:layout_height="60dp"
                android:background="?android:attr/selectableItemBackground"
                android:gravity="center_vertical"
                android:clickable="true"
                >
                <ImageView
                    android:layout_width="20dp"
                    android:layout_height="20dp"
                    android:layout_marginLeft="10dp"
                    android:background="@mipmap/ic_outline_down"
                    android:layout_centerVertical="true"
                    />
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:gravity="center"
                    android:text="离线缓存"
                    android:textSize="19sp"
                    android:textColor="@color/common_unselect_color"
                    android:layout_marginLeft="70dp"
                    />
            </RelativeLayout>


            <View
                android:layout_width="match_parent"
                android:layout_height="20px"
                android:background="#f6f6f6"
                ></View>

            <RelativeLayout
                android:id="@+id/rl_my_order"
                android:layout_width="match_parent"
                android:layout_height="60dp"
                android:background="?android:attr/selectableItemBackground"
                android:gravity="center_vertical"
                android:clickable="true"
                >
                <ImageView
                    android:layout_width="20dp"
                    android:layout_height="20dp"
                    android:layout_marginLeft="10dp"
                    android:background="@mipmap/ic_shop_order"
                    android:layout_centerVertical="true"
                    />
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:gravity="center"
                    android:text="我的订单"
                    android:textSize="19sp"
                    android:textColor="@color/common_unselect_color"
                    android:layout_marginLeft="70dp"
                    />
            </RelativeLayout>


            <View
                android:layout_width="match_parent"
                android:layout_height="0.5px"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:background="#dddddd"
                ></View>

            <RelativeLayout
                android:id="@+id/rl_shopping_car"
                android:layout_width="match_parent"
                android:layout_height="60dp"
                android:background="?android:attr/selectableItemBackground"
                android:gravity="center_vertical"
                android:clickable="true"
                >
                <ImageView
                    android:layout_width="20dp"
                    android:layout_height="20dp"
                    android:layout_marginLeft="10dp"
                    android:background="@mipmap/ic_shopping_car"
                    android:layout_centerVertical="true"
                    />
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:gravity="center"
                    android:text="我的购物车"
                    android:textSize="19sp"
                    android:textColor="@color/common_unselect_color"
                    android:layout_marginLeft="70dp"
                    />
            </RelativeLayout>


            <View
                android:layout_width="match_parent"
                android:layout_height="20dp"
                android:background="#f6f6f6"
                ></View>


            <RelativeLayout
                android:id="@+id/rl_personal_info"
                android:layout_width="match_parent"
                android:layout_height="60dp"
                android:background="?android:attr/selectableItemBackground"
                android:gravity="center_vertical"
                android:clickable="true"
                >
                <ImageView
                    android:layout_width="20dp"
                    android:layout_height="20dp"
                    android:layout_marginLeft="10dp"
                    android:background="@mipmap/ic_personal_info"
                    android:layout_centerVertical="true"
                    />
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:gravity="center"
                    android:text="个人信息"
                    android:textSize="19sp"
                    android:textColor="@color/common_unselect_color"
                    android:layout_marginLeft="70dp"
                    />
            </RelativeLayout>


            <View
                android:layout_width="match_parent"
                android:layout_height="0.5px"
                android:background="#dddddd"
                android:layout_marginRight="10dp"
                android:layout_marginLeft="10dp"
                ></View>


            <RelativeLayout
                android:id="@+id/rl_reset_pass"
                android:layout_width="match_parent"
                android:layout_height="60dp"
                android:background="?android:attr/selectableItemBackground"
                android:gravity="center_vertical"
                android:clickable="true"
                >
                <ImageView
                    android:layout_width="20dp"
                    android:layout_height="20dp"
                    android:layout_marginLeft="10dp"
                    android:background="@mipmap/ic_resetting_pass"
                    android:layout_centerVertical="true"
                    />
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:gravity="center"
                    android:text="重置密码"
                    android:textSize="19sp"
                    android:textColor="@color/common_unselect_color"
                    android:layout_marginLeft="70dp"
                    />
            </RelativeLayout>
            <View
                android:layout_width="match_parent"
                android:layout_height="40dp"
                android:background="#f6f6f6"
                ></View>


            <Button
                android:id="@+id/btn_logout"
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:layout_marginTop="16dp"
                android:background="@drawable/selector_common_rect"
                android:text="退出登录"
                android:textSize="20sp"

                android:clickable="true"
                android:textColor="@android:color/white"
                android:textStyle="bold"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:layout_marginBottom="100dp"
                />




        </LinearLayout>



    </android.support.v4.widget.NestedScrollView>


</android.support.design.widget.CoordinatorLayout>

这里写图片描述

看的仔细的同学会发现这里：

这里写图片描述

因为

android.support.v7.widget.Toolbar

默认距离左边距16dp,我这里为了保持居中的效果（哈哈，懒得要死）！

如果要给响应的View添加点击的水波纹效果只需要添加这两行代码即可：

android:background="?android:attr/selectableItemBackground"
android:clickable="true"

ok,基本的就这些，这是对上周一些东西的总结！如果有不对的地方欢迎指正，共同学习！

Retrofit和RxJava的网络层封装还没搞定！源代码就先不发了！封装测试稳定后再传！

每天进步一点点，时间会让你成为巨人！加油！

一个貌似正经的屌丝
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Materialize是一个基于MaterialDesign的一个CSS框架
08-08
Materialize  是一个基于材料设计的一个现代化的响应式前端框架。他们做了最繁重的工作，为您提供默认的样式，结合了您的自定义组件。此外，他们还改进动画和过渡，为开发人员提供流畅的体验。
Vue Material - 基于谷歌 Material Design 打造的前端组件库，用 Vue 开发海外应用的绝佳选择
那些免费的砖
12-12 3738
一位朋友问我用 vue 开发 APP 在谷歌商店上架，有什么简单的 UI 组件库，我推荐了这款，同样推荐给各位。
十大Material Design开源项目
kejia90的专栏
11-21 1271
 介于拟物和扁平之间的Material Design自面世以来，便引起了很多人的关注与思考，就此产生的讨论也不绝于耳。本文详细介绍了在Android开发者圈子里颇受青睐的十个Material Design开源项目，从示例、FAB、菜单、动画、Ripple到Dialog，看被称为“Google第一次在设计语言和规范上超越了Apple”的Material Design是如何逐渐成为App的一种全
基于MaterialDesign设计风格的妹纸app的简单实现
下位子的博客
01-25 370
今天看了郭神的第二行代码，深深的被MaterialDesign的设计风格所吸引，然后就照例做了一个小Demo，希望多多支持，图片资源来源于网络。先附上我的源码地址：https://github.com/xiaweizi/MaterialDesign照例，一波动态图来袭： 效果还不错吧，其实在这之前Android的UI风格都不是很美观，所谷歌的设计工程师们就开始研究出了一种新的设计语言—Mater
基于Material Design（转载）
weixin_34194317的博客
10-28 75
 SeeNewsV2新闻Android客户端 基于Material Design http://www.codesocang.com/gn/xiangmu/33630.html 直接拿来用！十大Material Design开源项目http://www.csdn.net/article/2014-11-21/2822753-material-design-libs/2 Material Di...
Android Material Design 中文版
05-10
原质化设计(Material Design)中文版 完整版 Google I/O 2014 发布的 Material Design 势必将会成为统一 Android Mobile、Android Table、Desktop Chrome 等全平台设计语言规范，对从业人员意义重大
android-material-design
11-21
android material design 设计风格，包括多个自定义控件
Android开发MaterialDesign设计风格UI示例演示集
06-01
Android开发MaterialDesign设计风格UI示例演示集
Android Material Design 阴影实现示例
08-27
主要介绍了Android Material Design 阴影实现示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
android material design实现demo
01-26
android material design实现demo,项目源码下载即用，多个demo，赶快下载学习吧。低版本实现material design风格
android studio项目 仿今日头条 Material Design
11-14
基本遵循 Material Design 设计风格 抓包获取今日头条API 使用 Google 官方 MVP 架构 DrawerLayout + NavigationView + BottomNavigationView 搭配使用 RxBus 代替 EventBus 进行组件之间通讯 ViewPager 搭配 Fragment 懒加载 SwipeRefreshLayout 搭配 RecyclerView 下拉刷新上拉加载 自定义 BottomNavigationBehavior 实现上滑隐藏下滑显示 RxJava + Retrofit2 + OkHttp3 做网络请求 OkHttp3 对网络返回内容做缓存, 还有日志、超时重连、头部消息的配置
MaterialLogin是一个Material风格的登陆注册页面
12-01
ANDROID MaterialLogin是一个Material风格的登陆注册页面。
MATERIAL DESIGN 超详细指南教程【高清PDF】
03-26
MATERIAL DESIGN
Android项目源码开源的MaterialDesign豆瓣客户端
07-29
注意：本项目使用android studio开发，eclipse可能无法使用。
Android-一个开源的MaterialDesign文件管理器适用于Android5.0
08-13
一个开源的 Material Design 文件管理器，适用于 Android 5.0
Android Material Design 新控件
03-08
本课程介绍Android 5.0 之后材料设计语言中出现的一些新控件类库其中包括RecyclerView CardView TabLayout DrawerLayout ToolBar CoordinatorLayout SnackBar TextInputLayout CollapsingToolBarLayout 等控件的效果及使用用法
android 主流开发框架,Android 9个目前流行的Material Design前端框架
weixin_35916466的博客
05-27 3319
相关阅读：吊炸天！74款APP完整源码！其中daemonite可以直接在github上下载，用firefox或者chrome打开index.html就可以看到效果了，简直是惊艳。9个目前流行的Material Design前端框架谷歌推出的Material Design风格已见有一些APP UI采用，视觉和交互体验都很棒，对于想尝试这个风格但又不懂实现一些效果的前端设计师们，可以试试今天为大家分享...
Android Material Design UI方案使用讲解
luo_boke的博客
06-13 3786
Google I/O 2014 就已发布了Material Design，最近项目完成后总结一些Material UI 的常见控件使用，总结成系列文章欢迎阅读。
android material design
最新发布
03-16
Android Material Design是谷歌推出的一种视觉设计语言，用于开发Android应用程序的用户界面。它基于以前的设计语言，但添加了新的元素和特性，使应用程序看起来更加现代和精致。 Material Design的核心原则包括: ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值