您當前位置：首頁 > php開源 > 綜合技術 > 號外 ! 號外 ! V7包下的View都來此參加同學會 , 快來看,快來看...

號外 ! 號外 ! V7包下的View都來此參加同學會 , 快來看,快來看...

來源：程序員人生發布時間：2016-12-04 14:24:02 閱讀次數：3683次

斟酌到V7包實在大—–既龐大又強大 , 請所有預會的同學到門口來
我們先拍1張全家福:
1 . android.support.v7.widget.Toolbar
2 . android.support.v7.widget.CardView
3 . com.android.support:recyclerview-v7:xx
4 . com.android.support:design包.FloatingActionButton
5 . com.android.support:design包.TextInputLayout
6 . com.android.support:design包.Snackbar
7 . com.android.support:design包.TabLayout
8 . com.android.support:palette-v7:xx
9 . com.android.support:design包.CoordinatorLayout
10 . com.android.support:design包.AppBarLayout
11 . com.android.support:design包.CollapsingToolbarLayout
12 . com.android.support:design包.NavigationView

在這里向大家推薦下百度文庫里面的1篇文章 , 他介紹這個神秘家族:
http://wenku.baidu.com/link?url=UxYI_7hJDe83IdBNgOhX9wFlf9HCnzdlq5N92FllkIWaMLev0zUzyGSV9OJ1_0CryMJdX4IiHZCXiBvdrtBFvxJin_rjHO8iretMVCpnacO

然后大家逐一自我介紹下:

1 . android.support.v7.widget.Toolbar

使用方法:
1.援用v7 的appcompat 包
2.使用Toolbar的Activity要繼承AppCompatActivity
3.需要更改主題為NoActionbBar的主題
4.在布局文件中援用Toolbar , 需援用v7包中的Toolbar , 默許的Toolbar 僅支持 API >= 21 (android 5.0)的系統

5.在代碼中調用setSupportActionBar(toobar) 方法將Toolbar綁定到當前界面

優秀作品展現:
這里寫圖片描述

博客推薦 : http://blog.csdn.net/javazejian/article/details/50451853

2 . android.support.v7.widget.CardView

繼承自FrameLayout并實現了圓角和陰影效果,經常使用于ListView或RecyclerView中Item布局的根節點

優秀作品展現:
這里寫圖片描述

博客推薦 : https://yq.aliyun.com/articles/5975

3 . com.android.support:recyclerview-v7

recyclerview

高度解耦 , 異常靈活 , 可以用來代替ListView / GridView

使用步驟：
1.導包
2.在布局文件中添加RecyclerView
3.在Java代碼中實現RecyclerView，最少要添加兩個屬性：
recyclerView.setLayoutManager(new LinearLayoutManager(this));//指定布局管理器
recyclerView.setAdapter(adapter); //指定Adapter
4.Adapter的寫法
1）創建1個自定義的ViewHolder，在里面初始化Item的每個控件
2）讓自定義的Adapt而繼承RecyclerView.Adapter<傳入自定義的ViewHolder>
3）實現對應的方法

優秀作品展現
這里寫圖片描述

博客推薦 : http://blog.csdn.net/lmj623565791/article/details/45059587

4 . Material Design 自定義主題經常使用屬性值
com.android.support:design包FloatingActionButton

漂浮的Button，該控件父類為ImageView，所以具有ImageView的所有屬性

優秀作品展現
這里寫圖片描述

博客推薦 : http://blog.csdn.net/lmj623565791/article/details/46678867

5 . com.android.support:design包.TextInputLayout

用于在EditText上顯示Floating提示效果的控件。該控件內部必須包括有且只有1個EditText等輸入控件。

注意：
android:hint需要設置在EditText身上
改變hint的色彩需要更改主題的colorAccent 色彩值

優秀作品展現
這里寫圖片描述

博客推薦 : http://www.jcodecraeer.com/a/basictutorial/2015/0821/3338.html
或http://www.jianshu.com/p/35080eb5a28f

6 . com.android.support:design包.Snackbar
介于Toast和AlertDialog之間的輕量級控件，方便的實現消息的提示和動作的反饋

經常使用方法和屬性

Snackbar.make(View view, CharSequence text, int duration).show(); 
Snackbar.setAction();
Snackbar.dismiss()

注意事項：
1.構造函數中第1個參數不能是ScrollView，由于SnackBar的實現邏輯是向view中addView，而ScrollView只能有1個childView
2.如果用SnackBar來代替Toast,需要注意的是Toast會浮在所有View之上,包括鍵盤.而SnakeView是在View之上addView的,所以要注意如果有鍵盤的時候,1定要先調用Keyboard.hide() , 否則鍵盤會將SnackBar遮住 .

優秀作品展現
這里寫圖片描述

博客推薦 : http://www.tuicool.com/articles/BfEbMvB或http://www.jcodecraeer.com/plus/view.php?aid=3187

7 . com.android.support:design包.TabLayout

封裝好了tab頁和唆使器

經常使用方法及屬性

addTab(TabLayout.Tab tab, boolean setSelected)    //添加Tab
addTab(TabLayout.Tab tab, int position)
addTab(TabLayout.Tab tab, int position, boolean setSelected)
newTab()   //創建Tab
setOnTabSelectedListener(TabLayout.OnTabSelectedListener onTabSelectedListener)  //設置監聽
setTabTextColors(int normalColor, int selectedColor)  //設置被選中Tab的文字的色彩
setSelectedTabIndicatorColor(int color)   //設置被選中Tab唆使條的色彩
setSelectedTabIndicatorHeight(int height)  //設置被選中Tab唆使條的高度
setTabMode(int mode)  //設置Tab的模式  MODE_FIXED/MODE_SCROLLABLE

注意：
與ViewPager結合Fragment使用，PagerAdapter必須重寫getPageTitle()方法
設置適配器：

tabLayout.setupWithViewPager(ViewPager viewPager)  //必須在ViewPager.setAdapter() 以后調用

tabLayout.setTabsFromPagerAdapter(PagerAdapter adapter)

優秀作品展現
這里寫圖片描述

博客推薦 : http://www.cnblogs.com/JohnTsai/p/4715454.html

8 . com.android.support:palette-v7包
動態色采
想一想如果根據圖片來決定標題的色彩和標題欄的背風景，這樣視覺上是否是具有很強的沖擊力和新鮮感，而不像統1色調那樣呆板。
Palette類也是Android5.0引進來的1個獲得Bitmap色彩值的1個類。
例 : 以下異步取得bitmap圖片色彩值并利用

 Palette.from(bitmap).generate(new Palette.PaletteAsyncListener() {             @Override 
            public void onGenerated(Palette palette) { 
                Palette.Swatch vibrant = palette.getVibrantSwatch();//有活力  
                if (vibrant != null) { 
                    holder.title.setBackgroundColor(                             vibrant.getRgb());                     holder.title.setTextColor( 
                            vibrant.getTitleTextColor());                 }             }         });

Android裝備中，對圖象的處理有多是耗時操作，因此，Palette類通過異步接口onGenerated回調的方法
來取得Bitmap的色彩值。Palette類取得的色彩值有以下幾種類型：

Palette.Swatch a = palette.getVibrantSwatch();//有活力 
Palette.Swatch b = palette.getDarkVibrantSwatch();//有活力 暗色 
Palette.Swatch c = palette.getLightVibrantSwatch();//有活力 亮色 
Palette.Swatch d = palette.getMutedSwatch();//柔和 
Palette.Swatch e = palette.getDarkMutedSwatch();//柔和 暗色 
Palette.Swatch f = palette.getLightMutedSwatch();//柔和 亮色 我們從以上色彩中可以獲得到以下色彩值： 

int color1 = a.getBodyTextColor();//內容色彩 
int color2 = a.getTitleTextColor();//標題色彩 
int color3 = a.getRgb();//rgb色彩

優秀作品展現
這里寫圖片描述

博客推薦 : http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2015/0304/2532.html

9 . com.android.support:design包.CoordinatorLayout

更加強大的FrameLayout。

主要用于以下情形：
1.作為1個布局的根布局
2.作為1個為childView之間調和手勢效果的調和視圖

主要屬性：
app:layout_scrollFlags：控制那個childView可滑動
屬性值：
1.scroll: 所有想轉動出屏幕的view都需要設置這個flag，沒有設置這個flag的view將被固定在屏幕頂部
2.enterAlways: 這個flag讓任意向下的轉動都會致使該view變成可見，啟用快速“返回模式”
3.enterAlwaysCollapsed: 當你的視圖已設置minHeight屬性又使用此標志時，你的視圖只能以最小高度進入，只有當轉動視圖到達頂部時才擴大到完全高度
4.exitUntilCollapsed: 轉動退出屏幕，最后折疊在頂端

優秀作品展現
這里寫圖片描述

博客推薦 : http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2015/0717/3196.html

10 . com.android.support:design包.AppBarLayout

1個垂直方向的LinearLayout，實現了Matrerial Design效果的App Bar，支持滑動手勢操作。
注意事項：
1.必須作為CoordinatorLayout的childView使用，否則很多殊效沒法實現。
2.同級控件中，必須有1個可轉動的siblingView，不然你用我干嗎呢？

實現滑動的步驟:
1.CoordinatorLayout必須作為全部布局的父布局容器
2.CoordinatorLayout布局下包裹1個可以滑動的布局，比如 RecyclerView，NestedScrollView(ListView，ScrollView不支持)
3.給AppBarLayout設置app:layout_scrollFlags=”scroll|enterAlways” 屬性
4.給可滑動的組件，也就是RecyclerView 或 NestedScrollView 設置以下屬性：

app:layout_behavior="@string/appbar_scrolling_view_behavior"

優秀作品展現
這里寫圖片描述

博客推薦 : http://www.jianshu.com/p/d159f0176576

11 . com.android.support:design包.CollapsingToolbarLayout

提供1個可折疊的Toolbar容器，對容器中的不同視圖設置layout_collapseMode折疊模式，來到達不同的折疊效果

指定childView折疊模式使用

app:layout_collapseMode
值：1.parallax 視差模式 , 需要增加 app:layout_collapseParallaxMultiplier 屬性 , 屬性值范圍為 0.0⑴.0 , 必須是float類型
2.pin 固定模式

注意事項:
1.CollapsingToolbarLayout的高度必須是固定值而且要大于Toolbar的高度 , 不能使用wrap_content , 否則不會有折疊效果
2.所有需要折疊的childView必須指定app:layout_collapseMode 屬性
3.如果要添加1個自動折疊的FloatingActionBar , 必須指定錨點，錨點需為CollapsingToolbarLayout的父容器
使用parallax模式的時候，app:layout_scrollFlags的屬性值不能包括enterAlwaysCollapsed或enterAlways

優秀作品展現
這里寫圖片描述
博客推薦 : http://www.open-open.com/lib/view/open1438265746378.html

12 . com.android.support:design包.NavigationView

類似SlidingMenu

經常使用屬性和方法

android:layout_gravity="left"
app:headerLayout="@layout/drawer_header"
app:menu="@menu/drawer_menu"

app:itemBackground   //指定menu背景資源
app:itemIconTint     //指定menu Icon的色彩
app:itemTextColor    //指定menu item的字體色彩

說明：app屬性為控件持有的屬性，需要導入包名

xmlns:app="http://schemas.android.com/apk/res-auto"

注意：
1.自動生成的代碼中的Toolbar只能支持在API 21（android 5.0）以上
2.點擊某1項后自動隱藏：drawerLayout.closeDrawers();

3.主布局文件，根節點標簽為android.support.v4.widget.DrawerLayout
4.頭部部份布局文件，drawer_header.xml

壓軸大戲

1 . 先看布局:

<android.support.v4.widget.DrawerLayout 
xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:app="http://schemas.android.com/apk/res-auto"     android:id="@+id/drawer_layout" 
    android:layout_width="match_parent"     android:layout_height="match_parent">  
    <!-- the main content view -->  
    <include layout="@layout/layout_content" />  
    <!-- the navigetion view -->  
<android.support.design.widget.NavigationView         android:id="@+id/navigationView"         android:layout_width="wrap_content"         android:layout_height="match_parent"         android:layout_gravity="left"         android:fitsSystemWindows="true" 
        app:headerLayout="@layout/layout_header"         app:menu="@layout/layout_menu">  
    </android.support.design.widget.NavigationView>  
</android.support.v4.widget.DrawerLayout>

其中NavigationView 中的 android:layout_gravity=”start” 屬性來控制抽屜菜單從哪邊滑出，1般“start ”從左側滑出，“end”從右側滑出。
這里最主要的兩個屬性分別是：
1.app:headerLayout: 給NavigationView添加頭部布局
2.app：menu：給NavigationView添加menu菜單布局

app:headerLayout布局以下：

<?xml version="1.0" encoding="utf⑻"?> <LinearLayout 
xmlns:android="http://schemas.android.com/apk/res/android"     android:layout_width="match_parent"     android:layout_height="200dp" 
android:background="@drawable/img1"     android:gravity="center" 
android:orientation="vertical">  
    <ImageView 
        android:layout_width="125dp"            android:layout_height="125dp"           android:scaleType="centerCrop"         android:src="@drawable/image" />  
    <TextView 
        android:layout_marginTop="15dp"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:text="CSDN廢墟的樹博客" 
        android:textColor="@android:color/white" /> </LinearLayout>

app：menu 布局以下：

<?xml version="1.0" encoding="utf⑻"?> 
<menu xmlns:android="http://schemas.android.com/apk/res/android"     android:layout_width="match_parent"     android:layout_height="match_parent">  
    <group 
        android:checkableBehavior="single"         android:title="Home items">  
        <item 
            android:id="@+id/nav_blog" 
            android:icon="@drawable/ic_account_balance_black_24dp"             android:title="博客地址" />  
        <item 
            android:id="@+id/nav_ver" 
            android:icon="@drawable/ic_error_outline_black_36dp"             android:title="版本信息" />  
        <item 
            android:id="@+id/nav_about" 
            android:icon="@drawable/ic_error_outline_black_36dp"             android:title="關于我" />  
    </group>  
    <item android:title="Sub items">  
        <menu>  
            <item 
                android:id="@+id/sub_exit"                 
android:icon="@drawable/ic_power_settings_new_black_36dp"                 android:title="退出利用" />  
            <item 
                android:id="@+id/sub_switch"                android:icon="@drawable/ic_settings_applications_black_36dp"                 android:title="切換主題" /> 
 </item>  
</menu>    
</menu>

代碼中控制NavigationView

private void initNavigationView(){ 
  navigationView = (NavigationView) findViewById(R.id.navigationView);   drawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);   //設置側滑菜單

選擇監聽事件

navigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {             @Override 
            public boolean onNavigationItemSelected(MenuItem menuItem) { 
                menuItem.setChecked(true);                 //關閉抽屜側滑菜單 
                drawerLayout.closeDrawers();                 return true;             }         });     }  
    @Override 
    public boolean onOptionsItemSelected(MenuItem item) {         if (item.getItemId() == android.R.id.home){             //打開抽屜側滑菜單 
            drawerLayout.openDrawer(GravityCompat.START);         } 
        return super.onOptionsItemSelected(item);   
}

關于NavigationView中item的字體色彩和icon選中狀態色彩是去當前主題theme中的

<--正常狀態下字體色彩和icon色彩--> <item 
name="android:textColorPrimary">@android:color/darker_gray</item> 
<--選中狀態icon的色彩和字體色彩--> 
 <item name="colorPrimary">@color/accent_material_light</item>

固然你可以通過以下方法或屬性來改變這1狀態.

優秀作品展現
這里寫圖片描述
博客推薦 : http://blog.csdn.net/lmj623565791/article/details/46405409
或http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2015/0303/2522.html

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生

------分隔線----------------------------

上一篇 基于kubernetes構建Docker集群管理詳解

下一篇 ceil和floor函數的編程實踐

分享到:

------分隔線----------------------------

為碼而活

積分：4237

15粉絲

7關注

欄目熱點

日本搞逼视频_黄色一级片免费在线观看_色99久久_性明星video另类hd_欧美77_综合在线视频

號外 ! 號外 ! V7包下的View都來此參加同學會 , 快來看,快來看...