- 浏览: 5776961 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (890)
- WindowsPhone (0)
- android (88)
- android快速迭代 (17)
- android基础 (34)
- android进阶 (172)
- android高级 (0)
- android拾遗 (85)
- android动画&效果 (68)
- Material Design (13)
- LUA (5)
- j2me (32)
- jQuery (39)
- spring (26)
- hibernate (20)
- struts (26)
- tomcat (9)
- javascript+css+html (62)
- jsp+servlet+javabean (14)
- java (37)
- velocity+FCKeditor (13)
- linux+批处理 (9)
- mysql (19)
- MyEclipse (9)
- ajax (7)
- wap (8)
- j2ee+apache (24)
- 其他 (13)
- phonegap (35)
最新评论
-
Memories_NC:
本地lua脚本终于执行成功了,虽然不是通过redis
java中调用lua脚本语言1 -
ZHOU452840622:
大神://处理返回的接收状态 这个好像没有监听到 遇 ...
android 发送短信的两种方式 -
PXY:
拦截部分地址,怎么写的for(int i=0;i<lis ...
判断是否登录的拦截器SessionFilter -
maotou1988:
Android控件之带清空按钮(功能)的AutoComplet ...
自定义AutoCompleteTextView -
yangmaolinpl:
希望有表例子更好。。。,不过也看明白了。
浅谈onInterceptTouchEvent、onTouchEvent与onTouch
PS:使用design包需要在design项目中导入appcompat包
使用到的控件包括:
CoordinatorLayout
AppBarLayout----->AppBarLayout.OnOffsetChangedListener的使用
CollapsingToolbarLayout
Toolbar
RecyclerView
CardView----->关于使用 CardView 开发过程中要注意的细节
FloatingActionButton
Snackbar----->从顶部显示的snackbar
基本结构:
参考:
http://www.open-open.com/lib/view/open1437312265428.html
http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2015/0718/3197.html
http://www.jcodecraeer.com/a/anzhuokaifa/developer/2015/0531/2958.html
android design library提供的TabLayout的用法
http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2015/0731/3247.html
当InstaMaterial遇到Design Support Library
http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2015/0728/3224.html
总结一下现在关于Design Support Library的几个博客
http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2015/0713/3179.html
TabbedCoordinatorLayout是一个演示在CollapsingToolbarLayout中使用TabLayout的例子,两者均放在CoordinatorLayout中
http://www.jcodecraeer.com/a/opensource/2015/1010/3564.html
新的AppBarLayout flag:SCROLL_FLAG_SNAP
http://www.open-open.com/lib/view/open1445225861898.html
使用到的控件包括:
CoordinatorLayout
AppBarLayout----->AppBarLayout.OnOffsetChangedListener的使用
CollapsingToolbarLayout
Toolbar
RecyclerView
CardView----->关于使用 CardView 开发过程中要注意的细节
FloatingActionButton
Snackbar----->从顶部显示的snackbar
基本结构:
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/coordinatorLayout" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true" tools:context=".MainActivity" > <!-- 第一部分:伸缩工具栏 --> <!-- AppBarLayout目前必须是第一个嵌套在CoordinatorLayout里面的子view --> <!-- AppBarLayout里面定义的view只要设置了app:layout_scrollFlags属性,就可以在RecyclerView滚动事件发生的时候被触发: --> <!-- app:layout_scrollFlags属性里面必须至少启用scroll这个flag,这样这个view才会滚动出屏幕,否则它将一直固定在顶部。 --> <!-- 可以使用的其他flag有: enterAlways: 一旦向上滚动这个view就可见。 enterAlwaysCollapsed: 顾名思义,这个flag定义的是何时进入(已经消失之后何时再次显示)。假设你定义了一个最小高度(minHeight)同时enterAlways也定义了,那么view将在到达这个最小高度的时候开始显示,并且从这个时候开始慢慢展开,当滚动到顶部的时候展开完。 exitUntilCollapsed: 同样顾名思义,这个flag时定义何时退出,当你定义了一个minHeight,这个view将在滚动到达这个最小高度的时候消失。 --> <!-- 记住,要把带有scroll flag的view放在前面,这样收回的view才能让正常退出,而固定的view继续留在顶部。 --> <android.support.design.widget.AppBarLayout android:id="@+id/appbar" android:layout_width="match_parent" android:layout_height="240dp" android:fitsSystemWindows="true" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" > <!-- 如果想制造toolbar的折叠效果,我们必须把Toolbar放在CollapsingToolbarLayout中: --> <!-- 通常,我们我们都是设置Toolbar的title,而现在,我们需要把title设置在CollapsingToolBarLayout上,而不是Toolbar。 --> <!-- 给需要有折叠效果的组件设置 layout_collapseMode属性 --> <!-- Toolbar 的高度layout_height必须固定,不能 “wrap_content”,否则Toolbar不会滑动,也没有折叠效果 --> <android.support.design.widget.CollapsingToolbarLayout android:id="@+id/collapsing_toolbar" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_scrollFlags="scroll|exitUntilCollapsed" android:fitsSystemWindows="true" app:contentScrim="?attr/colorPrimary" app:expandedTitleMarginEnd="64dp" app:expandedTitleMarginStart="48dp" > <!-- 制造视差效果 --> <!-- CollapsingToolbarLayout还能让我们做出更高级的动画,比如在里面放一个ImageView,然后在它折叠的时候渐渐淡出。同时在用户滚动的时候title的高度也会随着改变。 --> <!-- 为了制造出这种效果,我们添加一个定义了app:layout_collapseMode="parallax" 属性的ImageView。 --> <ImageView android:id="@+id/backdrop" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_collapseMode="parallax" android:fitsSystemWindows="true" android:scaleType="centerCrop" app:layout_scrollFlags="scroll|enterAlways|enterAlwaysCollapsed" android:src="@drawable/ic_launcher" /> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" app:layout_collapseMode="pin" app:layout_scrollFlags="scroll|enterAlways" app:titleTextAppearance="@style/TextAppearance.AppCompat.Headline" app:popupTheme="@style/ThemeOverlay.AppCompat.Dark" /> </android.support.design.widget.CollapsingToolbarLayout> </android.support.design.widget.AppBarLayout> <android.support.v7.widget.RecyclerView android:id="@+id/recyclerView" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior" /> <!-- FloatingActionButton继承自ImageView;backgroundTint背景颜色,默认的背景颜色是Theme主题中的; elevation阴影的深度--> <android.support.design.widget.FloatingActionButton android:id="@+id/floatingActionButton" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="16dp" android:src="@drawable/ic_launcher" app:fabSize="normal" app:backgroundTint="#CCCC00" app:elevation="16dp" app:layout_anchor="@id/recyclerView" app:layout_behavior="com.mb.widget.ScrollAwareFABBehavior" app:layout_anchorGravity="bottom|right|end"/> <!-- 为了能让FloatingActionButton也能折叠且消失出现,我们必须给FAB设置锚点属性app:layout_anchor="@id/appbar" --> <android.support.design.widget.FloatingActionButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_launcher" app:fabSize="normal" app:backgroundTint="#CC00CC" app:layout_anchor="@id/appbar" app:layout_anchorGravity="bottom|right|end"/> </android.support.design.widget.CoordinatorLayout>
import java.util.Arrays; import com.mb.widget.Cheeses; import com.mb.widget.SimpleStringRecyclerViewAdapter; import android.os.Bundle; import android.support.design.widget.CollapsingToolbarLayout; import android.support.design.widget.CoordinatorLayout; import android.support.design.widget.FloatingActionButton; import android.support.design.widget.Snackbar; import android.support.v7.app.AppCompatActivity; import android.support.v7.widget.LinearLayoutManager; import android.support.v7.widget.RecyclerView; import android.support.v7.widget.Toolbar; import android.view.Menu; import android.view.MenuItem; import android.view.View; /** * http://www.open-open.com/lib/view/open1437312265428.html * @author pythoner * */ public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); // App Logo // toolbar.setLogo(R.drawable.ic_launcher); // Title toolbar.setTitle("App Title"); // Sub Title toolbar.setSubtitle("Sub title"); //Navigation Icon toolbar.setNavigationIcon(R.drawable.ic_launcher); setSupportActionBar(toolbar); getSupportActionBar().setDisplayHomeAsUpEnabled(true); final CoordinatorLayout coordinatorLayout = (CoordinatorLayout) findViewById(R.id.coordinatorLayout); //通常,我们我们都是设置Toolbar的title,而现在,我们需要把title设置在CollapsingToolBarLayout上,而不是Toolbar。 CollapsingToolbarLayout collapsingToolbar = (CollapsingToolbarLayout) findViewById(R.id.collapsing_toolbar); collapsingToolbar.setTitle("Title"); FloatingActionButton floatingActionButton = (FloatingActionButton) findViewById(R.id.floatingActionButton); floatingActionButton.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { // TODO Auto-generated method stub final Snackbar snackbar = Snackbar.make(coordinatorLayout, "测试弹出提示", Snackbar.LENGTH_LONG); snackbar.show(); snackbar.setAction("取消", new View.OnClickListener() { @Override public void onClick(View v) { snackbar.dismiss(); } }); } }); RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recyclerView); recyclerView.setAdapter(new SimpleStringRecyclerViewAdapter(this,Arrays.asList(Cheeses.sCheeseStrings))); recyclerView.setLayoutManager(new LinearLayoutManager(this)); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.main, menu); return true; } @Override public boolean onOptionsItemSelected(MenuItem item) { // Handle action bar item clicks here. The action bar will // automatically handle clicks on the Home/Up button, so long // as you specify a parent activity in AndroidManifest.xml. int id = item.getItemId(); if (id == R.id.action_settings) { return true; } return super.onOptionsItemSelected(item); } }
<resources> <!-- Base application theme, dependent on API level. This theme is replaced by AppBaseTheme from res/values-vXX/styles.xml on newer devices. --> <style name="AppBaseTheme" parent="android:Theme.Light"> <!-- Theme customizations available in newer API levels can go in res/values-vXX/styles.xml, while customizations related to backward-compatibility can go here. --> </style> <!-- Application theme. --> <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> <!-- Theme.AppCompat.Light.NoActionBar --> <item name="windowActionBar">false</item> <item name="windowNoTitle">true</item> <!-- 导航栏底色 --> <item name="colorPrimary">@color/accent_material_dark</item> <!-- 状态栏底色--> <item name="colorPrimaryDark">@color/accent_material_light</item> <!-- 导航栏上的标题颜色 --> <item name="android:textColorPrimary">@android:color/black</item> <!-- Activity窗口的颜色 --> <item name="android:windowBackground">@color/material_blue_grey_800</item> <!-- 按钮选中或者点击获得焦点后的颜色 --> <item name="colorAccent">#00ff00</item> <!-- 和 colorAccent相反,正常状态下按钮的颜色 --> <item name="colorControlNormal">#ff0000</item> <!-- Button按钮正常状态颜色 --> <item name="colorButtonNormal">@color/accent_material_light</item> <!-- EditText 输入框中字体的颜色 --> <item name="editTextColor">@android:color/darker_gray</item> </style> </resources>
参考:
http://www.open-open.com/lib/view/open1437312265428.html
http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2015/0718/3197.html
http://www.jcodecraeer.com/a/anzhuokaifa/developer/2015/0531/2958.html
android design library提供的TabLayout的用法
http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2015/0731/3247.html
当InstaMaterial遇到Design Support Library
http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2015/0728/3224.html
总结一下现在关于Design Support Library的几个博客
http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2015/0713/3179.html
TabbedCoordinatorLayout是一个演示在CollapsingToolbarLayout中使用TabLayout的例子,两者均放在CoordinatorLayout中
http://www.jcodecraeer.com/a/opensource/2015/1010/3564.html
新的AppBarLayout flag:SCROLL_FLAG_SNAP
http://www.open-open.com/lib/view/open1445225861898.html
发表评论
-
TabLayout和ViewPager结合使用
2015-09-10 10:54 9685TabLayout是android design包内的控件; ... -
AppBarLayout.OnOffsetChangedListener的使用
2015-09-01 14:08 8905如果没听说过AppBarLayout.OnOffsetChan ... -
Design各控件的搭配使用4
2015-08-28 17:01 1436在上一个版本基础上添加两个Activity: EffectsA ... -
Design各控件的搭配使用3
2015-08-28 11:35 1839在上一个版本基础上新增: 对RecyclerView的操作(线 ... -
Design各控件的搭配使用2
2015-08-25 15:16 1942在上个版本的基础上增加个几个控件: DrawerLayout+ ... -
ItemTouchHelper之SwipeDismiss
2015-08-25 10:11 1932引用This is a utility class to ad ... -
CoordinatorLayout之Behavior使用
2015-08-18 10:27 2241import android.animation.An ... -
support.v4之SlidingPaneLayout简单使用
2015-08-13 13:10 2418简单的布局 <android.support.v4. ... -
android5.0之CardView
2015-08-11 17:24 2023CardView继承至FrameLayout类,可以在一个卡片 ... -
ToolBar&DrawerLayout基本结构
2015-08-03 15:22 1980快速迭代用 使用到了 1:ToolBar + ShareAc ... -
android5.0之RecyclerView
2015-07-31 13:55 2486早就听说RecyclerView有多少多少XX 但是直到今天才 ... -
RecylerView相关文章
2015-04-10 12:03 2009RecylerView用于替代ListView,因为它比Lis ...
相关推荐
android5.1.1编译,需要v7-appcompat,design等扩展包 博文链接:https://gundumw100.iteye.com/blog/2238641
android5.1.1编译,需要v7-appcompat,design等扩展包 博文链接:https://gundumw100.iteye.com/blog/2238754
android5.1.1编译 博文链接:https://gundumw100.iteye.com/blog/2237886
使用Material Design控件和动画 使用MVP架构整个项目,对应于model、ui、presenter三个包 使用Dagger2将M层注入P层,将P层注入V层,无需new,直接调用对象 使用Realm做阅读记录和收藏记录的增、删、查、改 使用Glide...
First Impression可单独使用或与Formula One配合使用,完 成图表的功能,是市面上常见图表控件中表现形式最为非富的一个. F1 6.0和FI 6.0和PowerBuilder类似,本身就有几个国家语言的版本,可以在其网站下载,但并没有...
First Impression可单独使用或与Formula One配合使用,完成图表的功能,是市面上常见图表控件中表现形式最为非富的一个. F1 6.0和FI 6.0和PowerBuilder类似,本身就有几个国家语言的版本,可以在其网站下载,但并没有...
使用Material Design控件和动画 使用MVP架构整个项目,对应于model、ui、presenter三个包 使用Dagger2将M层注入P层,将P层注入V层,无需new,直接调用对象 使用Realm做阅读记录和收藏记录的增、删、查、改 使用...
比如在平常的项目中实现这样的效果,一般都是都会使用viewPageIndicate等几个开源框架直接实现,或者使用自定义的HorizontalScroll再配合ViewPage+Fragment实现。在谷歌推出marginDesign之后,实现这种效果可以直接...
现在就可以安全的享用SkinEngine这道美餐了,合理的搭配好各个部件的使用,可以很轻松的编出来漂亮得不是一般的程序界面. <br>卸载过程:菜单project->options->packages->在design packages下选择要删除的-〉...
它可以根据您的需要进行配置,并设计为可与同时访问XKey的其他应用程序(例如vMix)配合使用。 应该在支持的任何平台上运行(在macOS和Windows 10上测试)。 演示版 显示的ATEM软件控件仅用于演示目的。 该脚本...
material design 自带上下拉刷新控件以及配合RecyclerView实现列表
Android MVP模式漫画app源码项目基于RxJava Retrofit2 Glide ButterKnife,结合MVP模式开发,使用RxJava配合Retrofit做网络请求,整个项目使用MVP架构,对应model,view,presenter三个...使用Material Design控件和动画
Android MVP模式漫画app源码项目基于RxJava+Retrofit2+Glide+ButterKnife,结合MVP模式开发,使用RxJava配合Retrofit做网络请求,整个项目使用MVP架构,对应model,view,presenter三个...使用Material Design控件和动画
我们在应用viewpager的时候,经常会使用TabPageIndicator来与其配合。达到很漂亮的效果。但是TabPageIndicator是第三方的,而且比较老了,当然了现在很多大神都已经开始自己写TabPageIndicator来满足自己的需求,在...
MySQL 和 .Net2.0配合使用 与DotNet数据对象结合的自定义数据对象设计 (二) 数据集合与DataTable 与DotNet数据对象结合的自定义数据对象设计 (一) 数据对象与DataRow ASP.NET中大结果集的分页[翻译] .net 2.0 访问...
先看看效果,如图: ...2.下面是TabLayout和ViewPager配合使用的布局 <?xml version=1.0 encoding=utf-8?> <RelativeLayout xmlns:android=http://schemas.android.com/apk/res/android xmlns:app=htt
TabLayout是design库提供的控件,可以方便的使用指示器,功能类似ViewPagerIndicator. 使用非常方便,Android Studio只需要在gradle中引入即可使用 . compile 'com.android.support:design:23.3.0' TabLayout即可以...
谷歌新出的Android Design Support Library带来了新的兼容的md风格控件,其中的coordinatorlayout配合appbarlayout再指定behavior可以实现滚动的效果,然而很遗憾,在应用到项目的时候,出现各种问题,然后自己实现...
自定义NavigationView搭配DrawerLayout的具体使用。 MVP的项目应用。 ToolBar,CardView,SwipereFreshLayout 等控件使用 Glide加载监听,获取缓存,圆角图片。 RecyclerView下拉刷新,上拉加载 。 面向Hoder编程...