Android Design Support Library 介绍
常规控件的使用介绍
符合 MD 设计的菜单控件
具有过渡动画效果的布局Layout
Android Design Support Library 介绍
主要介绍 Android Design Support Library 的来历,以及Android Design Support Library开发的所需环境
Material Design几个要素
- 扁平化、简洁
- 水波反馈
- 良好体验的过渡动画
- 材料空间位置的直观变化
Android官方博客在IO大会释出兼容库-Android Design Support Library
MD的时代来临了! 详细介绍
如何使用?一句话搞定!
Android Design Support Library 兼容库的使用前提是下载Android Support Library(更新最新的Support Library,确保更新的Android Support Library是处于22.2以上的版本)
使用Android Studio创建一个新的项目
在build.gradle中添加 compile ‘com.android.support:design:23.2.1’(以下载的Support Library版本一致)
添加完后重新编译一下 Sync Now
或者用工具添加
项目右键—–>Open Module Settings
在layout布局中输入android.support是如下提示说明Design Support Library引入成功了
如果使用的开发工具是eclipse那么需要将Design Support Library引入到工作空间中
引入后修改一下sdk的版本以及引用库 Support-v7
上面还应该将Is Library勾选上让它作为一个Library库存在
注:android-support-v7-appcompat是提前引入到工作空间中的library,该library的sdk版本必须与安装Android Support Library版本一致
在eclipse中新建工程并引入design和Support-v7库
此时Android Design Support Library的开发环境已经搭建好了,我们就可以将Design Support Library的控件在eclipse中使用了
常规控件的使用介绍
主要讲解 Floating Action Button 、Floating labels for editing text、Snackbar的基本使用方法
常规控件的使用介绍
- Floating Action Button-浮动的圆形按钮
- Floating labels for editing text –完美体验的优化版EditText
- Snackbar-可操作的提示框
在布局文件中使用FloatingActionButton控件
<android.support.design.widget.FloatingActionButton
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:src="@mipmap/ic_launcher"
/>
FloatingActionButton有几个特殊的属性需要在布局文件中添加app的声明,下面就可以使用app设置一些特殊属性
app:fabSize有两种的属性mini and normal(default)
app:rippleColor=”#000000” 设置按钮点击时的颜色效果
也可以在代码中设置这些属性的值
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<android.support.design.widget.FloatingActionButton
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:src="@mipmap/ic_launcher"
app:backgroundTint="#ff0000"
app:fabSize="normal"
app:elevation="5dp"
app:rippleColor="#000000"
/>
</LinearLayout>
Floating labels for editing text –完美体验的优化版EditText
<android.support.design.widget.TextInputLayout
android:id="@+id/textInput"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
>
<EditText
android:layout_width="fill_parent"
android:layout_height="wrap_content"
/>
</android.support.design.widget.TextInputLayout>
final TextInputLayout textInputLayout = (TextInputLayout) findViewById(R.id.textInput);
textInputLayout.setHint("请输入用户名");
EditText editText = textInputLayout.getEditText();//获取TextInputLayout底下的EditText
editText.addTextChangedListener(new TextWatcher() {
@Override
public void beforeTextChanged(CharSequence s, int start, int count, int after) {
}
@Override
public void onTextChanged(CharSequence s, int start, int before, int count) {
if(s.length()>10){
textInputLayout.setError("用户名不能超过10位");
textInputLayout.setErrorEnabled(true);
}else{
textInputLayout.setErrorEnabled(false);
}
}