Android学习笔记--design包下的两个控件

今天学习了design包下的两个控件，记录一下，首先需要我们依赖

1     compile ‘com.android.support:design:25.0.0‘

之后在XML文件中就可以使用了

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     xmlns:tools="http://schemas.android.com/tools"
 4     android:layout_width="match_parent"
 5     android:layout_height="match_parent"
 6     tools:context="com.wuxianedu.alianxi.MainActivity"
 7     xmlns:app="http://schemas.android.com/apk/res-auto">
 8
 9     <android.support.design.widget.FloatingActionButton
10         android:id="@+id/button" android:layout_centerInParent="true"
11         android:layout_width="wrap_content" app:rippleColor="#FF4F4F"
12         android:layout_height="wrap_content"  app:fabSize="mini"
13         app:elevation="40dp" app:pressedTranslationZ="50dp"
14         android:src="@mipmap/ic_launcher"/>
15 </RelativeLayout>

　　　　属性说明

1. app:backgroundTint - 设置背景颜色。
2. app:rippleColor - 设置点击时的背景颜色。
3. <span style="color:#cc0000;">app:borderWidth - 该属性如果不设置0dp，那么在4.1的sdk上FAB会显示为正方形，而且在5.0以后的sdk没有阴影效果。所以设置为borderWidth="0dp"。</span>
4. app:elevation - 默认状态下阴影大小。
5. app:pressedTranslationZ - 点击时的阴影大小。
6. app:fabSize - 设置大小，该属性有两个值，分别为normal和mini，对应的大小分别为56dp和40dp。
7. src - 设置图标，Google建议符合Design设计的该图标大小为24dp。
8. app:layout_anchor - 设置锚点，即以哪个控件为参照点设置位置。
9. app:layout_anchorGravity - 设置相对锚点的位置，值有 bottom、center、right、left、top等。

在XML文件中设置好了的效果图为

下面在JAVA文件中写另一个组件

 1 package com.wuxianedu.alianxi;
 2
 3 import android.graphics.Color;
 4 import android.support.design.widget.FloatingActionButton;
 5 import android.support.design.widget.Snackbar;
 6 import android.support.v7.app.AppCompatActivity;
 7 import android.os.Bundle;
 8 import android.view.View;
 9 import android.widget.TextView;
10 import android.widget.Toast;
11
12 public class MainActivity extends AppCompatActivity {
13
14     @Override
15     protected void onCreate(Bundle savedInstanceState) {
16         super.onCreate(savedInstanceState);
17         setContentView(R.layout.activity_main);
18         //给在XML中写的组件设置点击事件
19         findViewById(R.id.button).setOnClickListener(new View.OnClickListener() {
20             @Override
21             public void onClick(View view) {
22                 //使用Snackbar弹出信息，
23                 Snackbar snackbar = Snackbar.make(view,"我是提示信息",Snackbar.LENGTH_LONG);
24                 //设置确定按钮
25                 snackbar.setAction("确定", new View.OnClickListener() {
26                     @Override
27                     public void onClick(View view) {
28                         Toast.makeText(MainActivity.this, "确定", Toast.LENGTH_SHORT).show();
29                     }
30                 });
31                 //修改弹出信息的颜色
32                 snackbar.setActionTextColor(Color.GREEN);
33                 //获取到弹出的View菜单
34                 View views = snackbar.getView();
35                 //设置背景yans
36                 views.setBackgroundColor(Color.BLUE);
37                 TextView textView = (TextView) views.findViewById(R.id.snackbar_text);
38                 textView.setTextColor(Color.YELLOW);
39                 snackbar.show();
40             }
41         });
42     }
43 }