Android Design Library 浅应用
来源:互联网 发布:mac可以玩极品飞车吗 编辑:程序博客网 时间:2024/05/17 00:18
</pre>android 的MD设计规范让我们认识到android其实也可以像ISO一样炫酷,但是由于android的版本太多,向下兼容难,大部分的MD设计规范只能在android 5.0以后才能用上。<p></p><p>为此谷歌为我们提供了android的MD向下兼容包design架包,这个库里面有很多很炫酷的空间。比较常用的是FloatingActionButton这个空间,MD设计的效果图</p><p><img src="http://img.blog.csdn.net/20151026151429394?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" /></p><p></p><pre name="code" class="java"><pre name="code" class="html"> <android.support.design.widget.FloatingActionButton android:id="@+id/fab" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="bottom|end" android:layout_margin="@dimen/fab_margin" android:src="@android:drawable/ic_dialog_email" />
这是一个简单的FloatingActionButton的用法,经常用与和Snack结合提示信息
</pre>
<pre name="code" class="html">
TextInputLayout 是另外一个代替或者说是增加edittext的空件,它可以在为输入时候显示提示内容,输入错误可以提示错误。输入时候提示信息不会消失。代码如下:
<pre name="code" class="java">// final TextInputLayout textinput=(TextInputLayout)findViewById(R.id.textinput);// textinput.setHint("请输入用户名");// EditText editText=textinput.getEditText();// editText.addTextChangedListener(new TextWatcher() {// @Override// public void beforeTextChanged(CharSequence s, int start, int count, int after) {//// }//// @Override// public void onTextChanged(CharSequence s, int start, int before, int count) {// if (s.length() > 8) {// textinput.setError("用户名不能超过十位");// textinput.setErrorEnabled(true);// } else {// textinput.setErrorEnabled(false);// }// }//// @Override// public void afterTextChanged(Editable s) {//// }// });
还有TabLayout这个控件必须学会运用,因为它相比与一般的开源控件使用起来更加简单方便。一般会有ViewPager结合在一起使用:
<pre name="code" class="java"><?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context="com.example.houjiawei.designlearning.MainActivity" tools:showIn="@layout/activity_main"> <android.support.design.widget.TabLayout android:layout_marginTop="60dp" android:id="@+id/tabs" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabTextColor="@android:color/holo_blue_light" app:tabSelectedTextColor="#ff0000" app:tabIndicatorHeight="5dp" app:tabMode="scrollable" ></android.support.design.widget.TabLayout> <android.support.v4.view.ViewPager android:id="@+id/viewpager" android:layout_width="match_parent" android:layout_height="match_parent"> </android.support.v4.view.ViewPager></LinearLayout>
在Acitvity添加标题代码就是:
tabLayout.addTab(tabLayout.newTab().setText("tab1"));这么简单
最后还有android.support.design.widget.CoordinatorLayout 这个强大的组合控件,效果图如下
xml布局如下:
<pre name="code" class="html"><?xml version="1.0" encoding="utf-8"?><android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true" tools:context="com.example.houjiawei.designlearning.CoordinatorActivity"> <android.support.design.widget.AppBarLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:theme="@style/AppTheme.AppBarOverlay"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="?attr/colorPrimary" app:popupTheme="@style/AppTheme.PopupOverlay" /> </android.support.design.widget.AppBarLayout> <include layout="@layout/content_coordinator" /> <android.support.design.widget.FloatingActionButton android:id="@+id/fab" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="bottom|end" android:layout_margin="@dimen/fab_margin" android:src="@android:drawable/ic_dialog_email" /></android.support.design.widget.CoordinatorLayout>
0 0
- Android Design Library 浅应用
- Android应用Design Support Library介绍
- Android应用Design Support Library 使用研究
- Android应用Design Support Library 详解
- Android Design Support Library
- Android Design Support Library
- Android Design Support Library
- Android Design Support Library
- Android Design Support Library
- android Design Support Library
- Android Design Support Library
- Android Design Support Library
- Android Design Support Library
- Android应用Design Support Library完全使用实例
- Android应用Design Support Library完全使用实例
- Android应用Design Support Library完全使用实例
- Android应用Design Support Library完全使用实例
- Android应用Design Support Library完全使用实例
- SQL RDBMS
- 网络编程 笔记(十)多播与广播
- rank
- C++给函数传数组参数
- 151025 总结
- Android Design Library 浅应用
- spring 2.0 到3.0的新特性及理解
- iOS单列的实现
- Mali GPU OpenGL ES 应用性能优化--基本方法
- 中文分词算法笔记
- 让你的iOS应用提前通过审核
- LeJOS学习(2):继续 HelloWorld
- Android-通过SlidingPaneLayout高仿微信6.2最新版手势滑动返回(一)
- IOS用CGContextRef画各种图形(文字、圆、直线、弧线、矩形、扇形、椭圆、三角形、圆角矩形、贝塞尔曲线、图片)