低版本android上实现Material design应用

Android5.0版本,推出了Material Design的概念,这是在设计上Android的又一大突破。对应的程序实现上就有如 Theme.Material.Light、 Theme.Material.Light.DarkActionBar等主题,但是这种风格的主题只能应用在在5.0版本的手机,如果在5.0之前应用Material Design该怎么办呢?

google官方,以及一些大牛,给我们提供了一些程序来兼容5.0之前的版本,常用的包如下:

'com.android.support:appcompat-v7:22.+', // 这个包是为了考虑API level 7(即Android 2.1)及以上版本而设计的,v7里默认包含了v4包,v7支持了Action Bar以及一些Theme的兼容。'com.android.support:recyclerview-v7:22.+', // 当你list中的元素经常动态改变时可以使用RecyclerView控件。它提供了如下两个功能:1、为每个条目位置提供了layout管理器(RecyclerView.setLayoutManager)2、为每个条目设置了操作动画(RecyclerView.setItemAnimator)'com.android.support:cardview-v7:22.+' // 卡片式视图组件,允许你在Card视图中显示信息, CardView也可以设置阴影和圆角。

Material Design的Theme

md的主题有:

@android:style/Theme.Material (dark version)

@android:style/Theme.Material.Light (light version)

@android:style/Theme.Material.Light.DarkActionBar

appcompat-v7中与之对应的Compat Theme:

Theme.AppCompat

Theme.AppCompat.Light

Theme.AppCompat.Light.DarkActionBar

我们可以根据我们的app的风格,去定制Color Palette(调色板),重点有以下几个属性:

value/styles.xml:

Android4.2下效果:

Android5.0下效果:

ToolBar的使用

众所周知,在使用ActionBar的时候,一堆的问题:这个文字能不能定制,位置能不能改变,图标的间距怎么控制神马的,由此暴露出了ActionBar设计的不灵活。为此官方提供了ToolBar,并且提供了supprot

library用于向下兼容。Toolbar之所以灵活,是因为它其实就是一个ViewGroup,我们在使用的时候和普通的组件一样,在布局文件中声明。

(1)ToolBar的引入

1)隐藏原本的ActionBar

隐藏可以通过修改我们继承的主题为:Theme.AppCompat.Light.NoActionBar,如styles.xml:

...

当然也可以通过设置以下属性完成:

falsetrue

2)布局文件中声明:

......

可以看到Toolbar外面包裹了一层AppBarLayout,AppBarLayout 是android.support.design库提供的控件,详情请见下面Android Design Support Library的介绍。

Android Design Support Library

Google在2015的IO大会上,给我们带来了更加详细的Material Design设计规范,同时,也给我们带来了全新的Android

Design Support

Library,在这个support库里面,Google给我们提供了更加规范的MD设计风格的控件。最重要的是,Android Design

Support Library的兼容性更广,直接可以向下兼容到Android 2.2。这不得不说是一个良心之作。

使用Support Library非常简单:

'com.android.support:design:22.+', // 这个 Lib 中主要包含了 8 个新的 material design 组件!最低支持 Android 2.1 。 这些组件在我看来就是对 Github中最近比较火的 android 组件进行了封装。

Snackbar轻量级弹窗

Snackbar提供了一个介于Toast和AlertDialog之间轻量级控件,它可以很方便的提供消息的提示和动作反馈。

Snackbar.make(view, "Snackbar comes out", Snackbar.LENGTH_LONG)

.setAction("Action",

new View.OnClickListener() {

@Override

public void onClick(View v) {

Toast.makeText(HYMainActivity.this, "Toast comes out", Toast.LENGTH_SHORT).show();

}

}

).show();

TextInputLayout增强型文本输入

TextInputLayout作为一个父容器控件,包装了新的EditText。通常,单独的EditText会在用户输入第一个字母之后隐藏hint提示信息,但是现在你可以使用TextInputLayout

来将EditText封装起来,提示信息会变成一个显示在EditText之上的floating

label,这样用户就始终知道他们现在输入的是什么。同时,如果给EditText增加监听,还可以给它增加更多的floating label。

......

...

final TextInputLayout textInputLayout = (TextInputLayout) getActivity().findViewById(R.id.til_pwd);

EditText editText = textInputLayout.getEditText();

textInputLayout.setHint("请输入密码");

editText.addTextChangedListener(new TextWatcher() {

@Override

public void beforeTextChanged(CharSequence s, int start, int count, int after) {

if (s.length() > 10 || s.length() < 6) {

textInputLayout.setError("请输入6之10位数密码");

textInputLayout.setErrorEnabled(true);

} else {

textInputLayout.setErrorEnabled(false);

}

}

@Override

public void onTextChanged(CharSequence s, int start, int before, int count) {

textView.setText(s);

}

@Override

public void afterTextChanged(Editable s) {

}

});

...

这里需要注意的是,TextInputLayout的颜色来自style中的colorAccent的颜色。

Floating Action Button界面操作按钮

floating action button 是一个负责显示界面基本操作的圆形按钮。Design

library中的FloatingActionButton

实现了一个默认颜色为主题中colorAccent的悬浮操作按钮。FloatingActionButton继承自ImageView,你可以使用android:src或者ImageView的任意方法,比如setImageDrawable()来设置FloatingActionButton里面的图标。

TabLayout滑动切换布局

Design library的TabLayout 既实现了固定的选项卡 - view的宽度平均分配,也实现了可滚动的选项卡 - view宽度不固定同时可以横向滚动。选项卡可以在程序中动态添加:

TabLayout tabLayout = (TabLayout) findViewById(R.id.tabs); tabLayout.addTab(tabLayout.newTab().setText("tab1")); tabLayout.addTab(tabLayout.newTab().setText("tab2"));

...

但大部分时间我们都不会这样用,通常滑动布局都会和ViewPager配合起来使用,只需要使用tabLayout.setupWithViewPager(mViewPager);就把两个关联起来了。

NavigationView导航抽屉

Google提供了NavigationView来实现导航菜单界面,其中最重要的就是这两个属性:

app:headerLayout

app:menu

通过这两个属性,我们可以非常方便的指定导航界面的头布局和菜单布局:

更多相关文章

  1. Android布局之RelativeLayout
  2. 众多Android(安卓)开源项目推荐,给力工作给力学习
  3. Android学习之RecyclerView学习(实现瀑布流式布局)
  4. Android(安卓)UI控件之Gallery实现循环效果总结
  5. android在代码中修改view的布局
  6. 第二个Activity和Android(安卓)ListView控件
  7. Android(安卓)程式开发:(二十)内容提供者 —— 20.6 自定义ContentP
  8. Android(安卓)给Button加个监听
  9. Android(安卓)GridView等控件的属性集合

随机推荐

  1. Qt 5.7.0 编译Android(安卓)纯C++ 程序
  2. android-image-slide-panel图片照片墙的
  3. Android消除Toast延迟显示
  4. Android(安卓)-- 倒计时Button的几种实现
  5. Android中AIDL的使用
  6. Android(安卓)wifi打开流程(Android(安卓
  7. 如何在eclipse中添加android ADT
  8. [Android(安卓)Pro] Android(安卓)TypedV
  9. android HH不能格式化时间的问题
  10. android 联机测试 usb驱动问题