《Android群英传》读书笔记—10.2
标签(): android中级 读书笔记
Activity过渡动画
曾经的 Android在Activity之间进行跳转的时候,只是非常生硬的切换,即使通过overridePendingtransition(int inId,int outId)这个方法来给Activity增加一些切换动画,效果也不太好。在Android 5.X中,为转场效果增加了丰富的的动画效果
Android 5.X提供了三种Transition类型
进入
退出
共享元素:一个共享元素过渡动画决定两个Activity之间的过渡,怎么共享它们的视图
其中,进入和退出效果包括:
explode(分解)—从屏幕中间进或者出,移动视图
slide(滑动)—从屏幕边缘进或者出,移动视图
fade(淡出)—通过改变屏幕上视图的不透明度达到添加或者移除视图
共享元素包括:
changeBounds—改变目标视图的布局边界
changeClipBounds—-裁剪目标视图边界
changeTransform—改变目标视图的缩放比例和旋转角度
changeImageTransform—改变目标图片的大小和缩放比例
进入和退出动画的使用方法:
1将ActivityA中将startActivity(intent)方法改为:startActiviy(intent,AcitivityOptions.makeSceneTransitionAnimation(this).toBundle());
2在ActivityB中设置:getWindow().requesetFeature(Window.FEATURE_CONTENT_TRANSITIONS);或者在样式文件中设置< item name=”android.windowContentTransitions”>true< /item>
3 接下来设置进入ActivityB的具体动画效果
getWindow.setEnterTransition(new Expolde());
getWindow.setEnterTransition(new Slide());
getWindow.setEnterTransition(new Fade());
或者通过以下代码设置离开ActiviyB的动画效果
getWindow.setExitTransition(new Explode());
getWindow.setExitTransition(new Slide());
getWindow.setExitTransition(new Fade());
使用共享元素动画
1 在Activity1的布局文件中给共享元素增加属性
android:transitionName=”XXX”
2同时在Activity2的布局文件中,给要实现共享效果的元素也增加同样的属性
android:transitionName=”XXX”
注意:一定要保证命名相同,这样系统才能找到共享元素
3在Activity1使用如下代码:
startActivity(intent,ActivityOptions.makeSceneTransitionAnimation(this,view,”share”).toBundle());
使用的参数就是在前面普通动画的基础上增加了共享的View的前面取的名字
(如果有多个共享的元素,可以通过Pair.create()来创建多个共享元素:
startActivity(intent,ActivityOptions.makeSceneTransitionAnimation(this,Pair.create(view,”share”),Pair.create(fab,”fab”)).toBundle());
)
12.8 Material Design动画效果
12.8.1 Ripple效果
即点击后的波纹效果
可以通过以下代码设置波纹背景
//波纹有边界:
android:background=”?android:attr/selectableItemBackground”
//波纹无边界
android:background=”?android:attr/selectableItemBackgroundBorderless”
同样也可以在XML文件中直接创建一个具有Ripple效果的XML文件
<?xml version="1.0" encoding="utf-8"?>
< ripple
xmlns:android="http://schemas.android.com/apk/res/android"
android:color="@android:color/holo_blue_dark">
<item> // 这个item中包含你的drawable资源即可
<shape
android:shape="oval">
<solid android:color="@android:color/holo_orange_dark" />
</shape>
</item>
< /ripple>
或者
< ?xml version="1.0" encoding="utf-8"?>
< ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="#ffff0000">
< item android:drawable="@color/blue"></item> // 如果不要这个行, 则ripple效果溢出
< /ripple>
12.8.2 Circular Reveal
效果表现为一个View以圆形的形式展开,揭示出来
通过ViewAnimationUtils.createCircularReveal()方法可以创建一个RevealAnimator动画
12.8.3 View state changes Animation
在5.X 中,系统提供了视图状态改变来设置一个视图状态切换动画
StateListAnimator
StateListAnimator作为视图改变时的动画效果,通常会使用Selector来进行设置,在以前设置Selector的时候,通常是修改背景来达到反馈的效果。现在,在5.X中,可以使用动画来作为视图改变的效果
在XML中定义一个StateListAnimator,并添加到Selector中:
<?xml version="1.0" encoding="utf-8"?>
< selector xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:state_enabled="true"
android:state_pressed="true">
<set android:ordering="together">
<objectAnimator
android:duration="@android:integer/config_shortAnimTime"
android:propertyName="scaleX"
android:valueTo="0.99"
android:valueType="floatType" />
<objectAnimator
android:duration="@android:integer/config_shortAnimTime"
android:propertyName="scaleY"
android:valueTo="0.99"
android:valueType="floatType" />
</set>
</item>
<item>
<set android:ordering="together">
<objectAnimator
android:duration="@android:integer/config_shortAnimTime"
android:propertyName="scaleX"
android:valueTo="1.01"
android:valueType="floatType" />
<objectAnimator
android:duration="@android:integer/config_shortAnimTime"
android:propertyName="scaleY"
android:valueTo="1.01"
android:valueType="floatType" />
</set>
</item>
< /selector>
在一般的XML布局中,使用anroid:stateListAnimator属性来增加动画反馈效果
< Button
android:layout_width="0dp"
android:layout_height="wrap_content"
android:background="#ff0000"
android:stateListAnimator="@anim/btn_selector_animator"
android:text="运动"
android:textColor="#ffffff"
android:textSize="32sp" />
同样在代码中也可以调用AnimationInflater.loadStateListAnimator()方法,并且通过View.setStateListAnimator()方法分配动画到视图上
####animated-selector
animated-selector同样是一个状态改变的动画效果Selector
###12.9 Toolbar
Toolbar与Actionbar最大的区别就是Toolbar更加自由,可控。要使用Toolbar必须引入appcompat-v7支持,并设置主题为NoActionBar
在代码中可以通过以下代码添加Toolbar显示的标题和图标
mToolbar = (Toolbar) findViewById(R.id.toolbar);
mToolbar.setLogo(R.drawable.ic_launcher);
// 标题的文字需在setSupportActionBar之前,不然会无效
mToolbar.setTitle("主标题");
mToolbar.setSubtitle("副标题");
菜单配置与Actionbar基本类似
<menu 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"
tools:context=".MainActivity" >
<item
android:id="@+id/ab_search"
android:orderInCategory="80"
android:title="action_search"
app:actionViewClass="android.support.v7.widget.SearchView"
app:showAsAction="ifRoom"/>
<item
android:id="@+id/action_share"
android:orderInCategory="90"
android:title="action_share"
app:actionProviderClass="android.support.v7.widget.ShareActionProvider"
app:showAsAction="ifRoom"/>
<item
android:id="@+id/action_settings"
android:orderInCategory="100"
android:title="action_settings"
app:showAsAction="never"/>
< /menu>
通过setSupportActionBar()方法,可以用Toolbar模拟出Actionbar的效果
setSupportActionBar(mToolbar);
###12.10 Notification
在5.X中,当长按Notification的时候,会显示消息的来源
同时,在5.X 设备上,锁屏状态下我们也可以看见Notification通知了
####基本的Notification
1 通过调用Notification.Builder创建一个Notification的builder:
Notification.Builder builder=new Notification.Builder(this);
2 使用builder对象增加各种属性:
builder.setSmallIcon();
builder.setContentIntent(pendingIntent);
builder.setAutoCancel(true);
builder.setLargeIcon();
builder.setContentTitle();
builder.setContentText();
builder.setSubText();
3通过NotificationManager系统服务来帮助我们管理Notification,并且调用notify方法来发出Notification
NotificationManager notificationManager=(NotificationManager)getSystemService(NOTIFICATION_SERVICE);
notificationManager.notify(ID,builder.build());
此外Notification还可以配置LED和震动选项
折叠式Notification
折叠式Notification也是一种自定义视图的Notification,常常用于显示长文本。它拥有两个视图,一个是普通状态下的视图,一个是展开状态下的视图。在Notification中,使用RemoteViews来帮助我们创建一个自定义的Notification,
RemoteViews contentView=new RemoteViews(getPackageName(),R.layout.notification);
contentView.setTextViewText(R.id.textView,"show me when collapased");
通过以下代码,可以将一个视图指定为Notification正常状态下的视图
notification.contentView=contentView;
指定为展开时的视图
notification.bigContentView=expandedView
完整代码如下
Intent intent = new Intent(Intent.ACTION_VIEW,
Uri.parse("http://www.sina.com"));
PendingIntent pendingIntent = PendingIntent.getActivity(
this, 0, intent, 0);
Notification.Builder builder = new Notification.Builder(this);
builder.setSmallIcon(R.drawable.ic_launcher);
builder.setContentIntent(pendingIntent);
builder.setAutoCancel(true);
builder.setLargeIcon(BitmapFactory.decodeResource(
getResources(), R.drawable.ic_launcher));
// 通过RemoteViews来创建自定义的Notification视图
RemoteViews contentView =
new RemoteViews(getPackageName(),
R.layout.notification);
contentView.setTextViewText(R.id.textView,
"show me when collapsed");
Notification notification = builder.build();
notification.contentView = contentView;
// 通过RemoteViews来创建自定义的Notification视图
RemoteViews expandedView =
new RemoteViews(getPackageName(),
R.layout.notification_expanded);
notification.bigContentView = expandedView;
NotificationManager nm = (NotificationManager)
getSystemService(NOTIFICATION_SERVICE);
nm.notify(NOTIFICATION_ID_COLLAPSE, notification);
其中Notification的布局文件如下:
###notification.xml:
<?xml version="1.0" encoding="utf-8"?>
< LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center_horizontal">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/textView"
android:textColor="#ff43aebe"
android:gravity="center" />
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/imageView"
android:src="@drawable/robot" />
< /LinearLayout>
###notification_expanded.xml:
< ?xml version="1.0" encoding="utf-8"?>
< LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="right|top">
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="I am now expanded"
android:textColor="#ff43aebe"
android:layout_gravity="center_vertical"
android:layout_alignParentTop="false"
android:layout_alignParentLeft="true"
android:layout_toLeftOf="@+id/imageView"
android:gravity="center"
android:layout_centerVertical="true" />
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/robot_expanded"
android:layout_gravity="right|top"
android:layout_alignParentTop="true"
android:layout_alignParentRight="true"
android:id="@+id/imageView" />
</RelativeLayout>
< /LinearLayout>
####12.10.3 悬挂式Notification
可以在屏幕上方产生Notification且不会打断用户的操作,
代码示例:
Notification.Builder builder = new Notification.Builder(this)
.setSmallIcon(R.drawable.ic_launcher)
.setPriority(Notification.PRIORITY_DEFAULT)
.setCategory(Notification.CATEGORY_MESSAGE)
.setContentTitle("Headsup Notification")
.setContentText("I am a Headsup notification.");
Intent push = new Intent();
push.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
push.setClass(this, MainActivity.class);
PendingIntent pendingIntent = PendingIntent.getActivity(
this, 0, push, PendingIntent.FLAG_CANCEL_CURRENT);
builder.setContentText("Heads-Up Notification on Android 5.0")
.setFullScreenIntent(pendingIntent, true);
NotificationManager nm = (NotificationManager)
getSystemService(NOTIFICATION_SERVICE);
nm.notify(NOTIFICATION_ID_HEADSUP, builder.build());
通过setFullScreenIntent,可以很轻松的将一个Notification变成悬挂式
12.10.4 显示等级的Notification
Android 5.X将Notification分成三个等级
VISIBILITY_PRIVATE—表明只有当没有锁屏的时候会显示
VISIBILITY_PUBLIC—表明在任何情况下都会显示
VISIBILITY_SECRET—表明在pin,password等安全锁和没有锁屏情况下才能够显示
设置Notification的等级非常简单,借用builder对象即可
builder.setVisibility(Notification.VISIBILITY_PUBLIC);
这就是大多数Android 5.X的Notification的大部分改进
此外,5.X还增加了其他改动,例如:
增加了设置Notification背景颜色的接口:
builder.setColor();
增加了设置Notification的category接口,category用来确定Notification显示的位置,参数就是各种category的类型
builer.setCategory(Notification.CATEGORY_MESSAGE);