Android學習筆記--design包下的兩個控制項

標籤：widget   elevation   yellow   ane   odi   out   idg   compile   match   

今天學習了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.FloatingActionButton10         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     @Override15     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             @Override21             public void onClick(View view) {22                 //使用Snackbar彈出資訊，23                 Snackbar snackbar = Snackbar.make(view,"我是提示資訊",Snackbar.LENGTH_LONG);24                 //設定確定按鈕25                 snackbar.setAction("確定", new View.OnClickListener() {26                     @Override27                     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                 //設定背景yans36                 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 }

 

Android學習筆記--design包下的兩個控制項