Android Design Support Library 兼容库使用详解

参考资料:Android Design Support Library 兼容库使用详解

1. 添加 Design Support Library 依赖

在 Android Studio 中,通过在build.gradle(Module: app)中的dependencies中添加:
compile 'com.android.support:design:23.1.0'(其中23.1.0为当前库版本号)

2. 常规控件

2.1 FloatingActionButton - 浮动的圆形按钮

布局文件:

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

常用属性:
注意:使用以下属性时,需要在Layout中添加命名空间:xmlns:app="http://schemas.android.com/apk/res-auto"

属性名 作用
app:backgroundTint="" 背景色
app:fabSize="" 包裹图片类型
app:elevation="" Z轴,用来控制控件阴影效果
app:rippleColor="" 按钮点击时颜色效果

2.2 TextInputLayout - 让 EditText 提示更加人性化

布局文件:

<android.support.design.widget.TextInputLayout>
    <EditText/>
</android.support.design.widget.TextInputLayout>

2.3 Snackbar - 可交互的提示框

使用代码:

Snackbar snackbar = Snackbar.make(view, "提示文本", Snackbar.LENGTH_LONG | Snackbar.LENGTH_SHORT);
snackbar.show();
snackbar.setAction("按钮title", new View.OnClickListener(){
    @Override
    public void onClick(View v) {
        // do something
    }
});

3. 菜单控件

3.1 TabLayout - 便捷实现标签

布局文件:

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

常用属性:

属性名 作用
app:tabTextColor="" 标签颜色
app:tabSelectedTextColor="" 标签选中时颜色
app:tabIndicatorColor="" 标签下标指示器颜色
app:tabIndicatorHeight="" 标签下标指示器高度
app:tabMode="" 标签能否进行横向滑动

使用代码:

TabLayout tabs = (TabLayout) findViewById(R.id.tab_layout);
tabs.addTab(tabs.newTab().setText("Tab1"));
tabs.addTab(tabs.newTab().setText("Tab2"));
tabs.addTab(tabs.newTab().setText("Tab3"));
tabs.addTab(tabs.newTab().setText("Tab4"));

3.2 Navigation View - 美观的侧滑视图

布局文件:

<android.support.v4.widget.DrawerLayout
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <include layout="@layout/activity_main"/>
    <android.support.design.widget.NavigationView>
    ...
    </android.support.design.widget.NavigationView>
</android.support.v4.widget.DrawerLayout>

常用属性:

属性名 作用
app:headerLayout="" 头布局
app:menu="" 菜单布局
android:layout_gravity="left" 在父视图中的布局
android:fitSystemWindows="true" 适应系统

4. 具有过渡动画效果的布局 Layout

4.1 CoordinatorLayout - 完美协调子 View 工作的核心部件

布局文件:

<android.support.design.widget.CoordinatorLayout>
</android.support.design.widget.CoordinatorLayout>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,015评论 25 709
  • afinalAfinal是一个android的ioc,orm框架 https://github.com/yangf...
    passiontim阅读 15,606评论 2 45
  • Android Design Support Library使用详解 Google在2015的IO大会上,给我们带...
    eclipse_xu阅读 2,582评论 5 25
  • 撒娇任性得有个度,对别人好也得有个度。 让自己眼界开阔,不要老盯着情情爱爱的小事,否则,自己永远都在小事...
    独立才是最美阅读 220评论 0 0
  • 《那伊人壹》 伊人倚残楼,风沙戏尽卷,往烟久如画,步履唯心扉——叙 故楼华氏邸郦,蟠龙游纹楠,栖凤生碧玉。虎狮双庭...
    墨上僧阅读 191评论 0 0