Android 5.0新增控件的总结

来源:互联网 发布:玩客云京东抢购软件 编辑:程序博客网 时间:2024/06/09 23:04

5.0中新添加了很多控件,为了便于学习和总结这里我给大家归纳了一下:

使用方式:builde.gride文件中添加下面的依赖,

compile 'com.Android.support:design:22.2.0'   //可修改版本号为对应的buildToolsVersion版本

然后就可以使用所有的控件了,如下:

1、android.support.v7.widget.CardView 

简介:该控件是一个卡片布局,继承FrameLayout。

CardView常用属性:
card_view:cardElevation 阴影的大小
card_view:cardMaxElevation 阴影最大高度
card_view:cardBackgroundColor 卡片的背景色
card_view:cardCornerRadius 卡片的圆角大小
card_view:contentPadding 卡片内容于边距的间隔
card_view:contentPaddingBottom
card_view:contentPaddingTop
card_view:contentPaddingLeft
card_view:contentPaddingRight
card_view:contentPaddingStart
card_view:contentPaddingEnd
card_view:cardUseCompatPadding 设置内边距,V21+的版本和之前的版本仍旧具有一样的计算方式
card_view:cardPreventConrerOverlap 在V20和之前的版本中添加内边距,这个属性为了防止内容和边角的重叠

扫描关注我的微信公众号:



效果图:


2、android.support.v7.widget.RecyclerView

简介:该控件用来替代ListView,具有高度的松耦合性,主要不同就是省去了我们自己去创建ViewHolder类,大概使用步骤如下:

[java] view plain copy
 print?在CODE上查看代码片派生到我的代码片
  1. verify_rv = (RecyclerView) findViewById(R.id.verify_rv);  
  2. 局管理器,有水平和垂直两种,总共有下面3种,另外两种:GridLayoutManager 网格布局管理器,StaggeredGridLayoutManager 瀑布就式布局管理器  
  3. verify_rv.setLayoutManager(new LinearLayoutManager(this));  
  4.  保持固定的大小,该信息被用于自身的优化  
  5. verify_rv.setHasFixedSize(true);  
  6. 配器  
  7. adapter = new OrderRvAdapter(this);  
  8. erify_rv.setAdapter(adapter);  
效果图:



3、android.support.design.widget.FloatingActionButton

简介:用来在界面上显示一个悬浮的按钮,有大小两种尺寸。

效果图:


4、android.support.design.widget.TextInputLayout

简介:一般嵌套一个EditText,用来在输入内容后提示内容显示在外面,还具有空校验。

效果图:


5、android.support.design.widget.TabLayout

简介:用来和Viewpager结合使用来作为Viewpager的选项卡。

[java] view plain copy
 print?在CODE上查看代码片派生到我的代码片
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    
  2.     android:layout_width="match_parent"    
  3.     android:layout_height="match_parent"    
  4.     xmlns:app="http://schemas.android.com/apk/res-auto"    
  5.     android:orientation="vertical">    
  6.     
  7.     <android.support.design.widget.TabLayout    
  8.         android:id="@+id/tab_FindFragment_title"    
  9.         android:layout_width="match_parent"    
  10.         android:layout_height="wrap_content"    
  11.         android:background="@color/titleBlue"    
  12.         app:tabIndicatorColor="@color/white"    
  13.         app:tabSelectedTextColor="@color/gray"    
  14.         app:tabTextColor="@color/white"    
  15.         />    
  16.     
  17.     
  18.     <android.support.v4.view.ViewPager    
  19.         android:id="@+id/vp_FindFragment_pager"    
  20.         android:layout_width="fill_parent"    
  21.         android:layout_height="0dp"    
  22.         android:layout_weight="1"    
  23.         />    
  24.     
  25. </LinearLayout>    
然后在viewpager设置adapter之后调用下面代码: tab_FindFragment_title.setupWithViewPager(vp_FindFragment_pager); 就可以实现和viewpager滑动实现联动效果,选项卡内容在viewpager的adapter的gettitle方法中设置(选项卡可以动也可以不动)。

效果图:

6、android.support.design.widget.NavigationView

简介:在Material Design中,Navigation drawer导航抽屉,被设计用于应用导航,提供了一种通用的导航方式,体现了设计的一致性。
而NavigationView的典型用途就是配合之前v4包的DrawerLayout,作为其中的Drawer部分,即导航菜单的本体部分。NavigationView是一个导航菜单框架,使用menu资源填充数据,使我们可以更简单高效的实现导航菜单。它提供了不错的默认样式、选中项高亮、分组单选、分组子标题、以及可选的Header。
使用方式:

[java] view plain copy
 print?在CODE上查看代码片派生到我的代码片
  1. <android.support.v4.widget.DrawerLayout  
  2.     android:id="@+id/drawer_layout"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent">  
  5.   
  6.    <!-- Content -->  
  7.     <FrameLayout  
  8.         android:id="@+id/content_layout"  
  9.         android:layout_width="match_parent"  
  10.         android:layout_height="match_parent"/>  
  11.   
  12.    <!-- Drawer -->  
  13.     <android.support.design.widget.NavigationView  
  14.         android:id="@+id/navigation"  
  15.         android:layout_width="240dp"  
  16.         android:layout_height="match_parent"  
  17.         android:layout_gravity="start"  
  18.         app:headerLayout="@layout/drawer_header"  
  19.         app:menu="@menu/drawer"/>  
  20. </android.support.v4.widget.DrawerLayout>  

代码中:

[java] view plain copy
 print?在CODE上查看代码片派生到我的代码片
  1. mNavigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {  
  2.             @Override  
  3.             public boolean onNavigationItemSelected(MenuItem menuItem) {  
  4.                 switch (menuItem.getItemId())   
  5.                 {  
  6.                     case R.id.item_one:  
  7.                         getSupportFragmentManager().beginTransaction().replace(R.id.frame_content,new FragmentOne()).commit();  
  8.                         mToolbar.setTitle("我的动态");  
  9.                         break;  
  10.                     case R.id.item_two:  
  11.                         getSupportFragmentManager().beginTransaction().replace(R.id.frame_content,new FragmentTwo()).commit();  
  12.                         mToolbar.setTitle("我的留言");  
  13.                         break;  
  14.                     case R.id.item_three:  
  15.                         getSupportFragmentManager().beginTransaction().replace(R.id.frame_content,new FragmentThree()).commit();  
  16.                         mToolbar.setTitle("附近的人");  
  17.                         break;  
  18.                 }  
  19.                 menuItem.setChecked(true);//点击了把它设为选中状态  
  20.                 mDrawerLayout.closeDrawers();//关闭抽屉  
  21.                 return true;  
  22.             }  
  23.         });  
  24.     }  
效果图(布局文件中添加的抽屉内容,在app标签中):



7、android.support.design.widget.CoordinatorLayout

简介:该控件和新发布的这些控件联合使用,只要把他作为一个容器类使用就好了,一边用作跟布局。


8、android.support.design.widget.AppBarLayout

简介:用来和toolbar联合使用,达到Material Design效果。

效果图:


9、android.support.design.widget.CollapsingToolbarLayout

简介:CollapsingToolbarLayout作用是提供了一个可以折叠的Toolbar,它继承至FrameLayout,给它设置layout_scrollFlags,它可以控制包含在CollapsingToolbarLayout中的控件(如:ImageView、Toolbar)在响应layout_behavior事件时作出相应的scrollFlags滚动事件(移除屏幕或固定在屏幕顶端)。

效果图:


10、toolBar

简介:用来取代actionbar,效果图入appbarLayout上面的效果图。

下面是几个新出来的类:

1、android.support.design.widget.Snackbar    其和Toast是类似的,弹出一个提示框,不需要再布局文件中使用

效果图:


2、Palette 颜色选择器,从bitmap中提取颜色值

简介:从一张图片中提取出关键的颜色,可以把该颜色值设置到别的控件上面。

效果图:

0 0
原创粉丝点击