zoukankan      html  css  js  c++  java
  • Android5.0中Material Design的新特性

    最近项目中需要用到Material Design,整理了下面几个常用的控件,以便记忆。

    一、Snackbar

    1.作用:与Toast类似,但是可以点击监听;

    2.使用:

    (1)Snackbar调用静态类make(),传入三个参数:View父组件,文本,显示时间;

           (2)Snackbar调用setAction(),传入两个参数:文本,点击监听事件实现OnClickListener接口;

           (3)显示show()与隐藏dismiss();

    二、TextInputLayout

    1.作用:包裹在EditText外边,可以将文本在EditText上方提示,同时可以设置错误提示;

    2.使用:

    (1)TextInputLayout对象调用setErrorEnable(),传入boolean类型参数表示是否显示错误信息;

    (2)TextInputLayout对象调用SetError(),设置错误信息;

    三、FloationgActionButton

    1.作用:悬浮在页面上方的按钮;

    2.特有属性:

    app:elevation="5dp"  //阴影效果
    app:pressedTranslationZ="10dp"  //按压时显示效果
    app:rippleColor="@color"  //颜色

    四、DrawerLayout

    1.作用:作为布局的子布局,实现左右两侧的侧滑效果,用于添加菜单;

    2.使用:(1)以DraweLayout作为根布局,内部可以包含三个及三个以下布局;

           (2)为作为菜单的布局设置android:layout_gravity属性,在左侧显示值为”left”,在右侧显示值为”right”;

           (3)动态打开或关闭DrawerLayout中的布局:

          DraweLayout对象调用openDrawer(),传入Gravity.Left或者Gravity.Right两种参数值打开关闭布局;

          DrawerLayout对象调用closeDrawer(),传入两种参数值关闭布局;

    五、NavigationView

    1.作用 :作为导航栏或者菜单栏的Menu视图添加;

    2.使用:(1)静态属性:app:headerLayout添加头布局文件;

             (2)静态属性:app:menu添加菜单文件;

            (3)设置头视图监听:

                    (3-1)得到头视图:NavigationView对象调用getHeaderView(),传入索引号0;

                      注意:如果没有getHeaderView(),可以使用findViewById()得到头视图;

                    (3-2)找控件:头视图调用findViewById()得到头视图中的控件;

                    (3-3)设置监听事件:得到的控件调用setOnClickListener();

             (4)设置menu按钮监听:

          NavigationView对象调用setNavigationItemSelectedListener(),

          传入NavigationView. OnNavigationViewIntemSelectedListener接口,

          重写onNavigationItemSelected()接口;

    六、TabLayout

    1.作用:与ViewPager结合,达到联动导航效果;

    2. 静态属性:

    1 app:tabIndicatorColor="@color/colorAccent"
    2 app:tabIndicatorHeight="5dp"
    3 app:tabSelectedTextColor="@color/colorAccent"
    4 app:tabTextColor="#ffffff"

    3.动态使用:

           (1)声明并实例化TabLayout,ViewPager;

           (2)为ViewPager控件设置适配器;

           (3)设置Tablayout与ViewPager的联动:

        (3-1)TabLayout对象调用setupWithViewPager()传入要联动的ViewPager对象;

        (3-2)在自定义ViewPager的适配器中,重写getPageTitle(),返回当前标题;

        (3-3)TabLayout对象调用setTabMode(),传入TabLayout.MODE_SCROLLABLE常量,设置TabLayout的滚动;

    七、NestedScrollView

    1.作用:替代ScrollView;

    2.使用:与ScrollView相同,内部只能有一个子控件;

    八、Toolbar

    1.作用:

      注意:使用Toolbar时必须将该Activity的主题设置为NoActionBar属性值;

    2.使用:Toolbar控件必须放在AppBarLayout控件中,而AppBarLayout最好放在CoordinatorLayout控件(协同布局)中;

    3.静态属性:

    1 app:layout_scrollFlags=”scroll|enterAlways”  //Toolbar控件中,设置滑动响应事件;
    2 app:title=””  //为Toolbar设置标题名;
    3 app:layout_behavior="@string/appbar_scrolling_view_behavior"  //NestedScrollView控件中,设置控件行为

    4.动态方法:

           (4-1)声明并实例化Toolbar控件实例;

           (4-2)将ActionBar设置为Toolbar:在当前Activity中调用setSupportActionBar(),传入新创建的Toolbar对象;

           (4-3)当前Activity主题修改为NoActionBar模式:在清单文件中设置当前Activity标签下的属性android:theme="@style/Theme.AppCompat.NoActionBar";

           注意:只有当前Activity主题为NoActionBar时,才会显示Toolbar;

    九、CollapsingToolbar

    1.作用:实现Toolbar的折叠效果;

    2.使用:

      CollapsingToolbar必须放在AppBarLayout中,

      而AppBarLayout最好放在协同布局CoordinatorLayout控件中;

      而Toolbar作为CollapsingToolbar的不折叠控件使用;

           注意:CollapsingToolbar控件之下必须有且只有两个控件;

    3.静态属性:

           

    1 app:title=”标题”  //设置标题内容
    2 app:layout_scrollFlags="scroll|exitUntilCollapsed"  //设置滚动标记
    3 app:expandedTitleGravity="right|bottom"  //设置标题位置
    4 app:expandedTitleMarginBottom="@dimen/activity_vertical_margin"  //设置标题到底部的距离
    5 app:expandedTitleMarginEnd="@dimen/activity_horizontal_margin"  //设置标题距底部的距离
    6 app:contentScrim="#00ff00"  //设置折叠时上方控件的颜色
    7 //注意:下边两条属性必须设置;
    8 app:layout_collapseMode="parallax"  //在其需要被折叠的子控件中;
    9 app:layout_collapseMode="pin":  //在需要留下来的子控件中;

    4.动态设置:

    //(1)设置展开状态下标题颜色
    collapsingToolbarLayout.setExpandedTitleColor(Color.WHITE);
    //(2)设置折叠后标题颜色
    collapsingToolbarLayout.setCollapsedTitleTextColor(Color.BLUE);
  • 相关阅读:
    MVC案例之新增与修改Customer
    MVC案例之模糊查询与删除
    MVC案例之多个请求对应一个servlet
    MVC案例
    MVC设计模式-查询与删除
    JSP指令 & 中文乱码问题
    域对象的作用范围 & 请求的转发和重定向
    JSP
    HttpServlet
    istio-ingress网关安全
  • 原文地址:https://www.cnblogs.com/BobGo/p/5730749.html
Copyright © 2011-2022 走看看