Android 让Activity部分透明、并作出流畅的进场动画

Android 让Activity部分透明、并作出流畅的进场动画

Android 让Activity部分透明、并作出流畅的进场动画
现在界面半透明是很常见的,比如网易云下的界面:
[En]

It is now common to make an interface partially transparent, such as the interface under NetEase Cloud:

Android 让Activity部分透明、并作出流畅的进场动画

Android 让Activity部分透明、并作出流畅的进场动画
Android 让Activity部分透明、并作出流畅的进场动画
Android 让Activity部分透明、并作出流畅的进场动画

Android 让Activity部分透明、并作出流畅的进场动画

Android 让Activity部分透明、并作出流畅的进场动画

Android 让Activity部分透明、并作出流畅的进场动画
“歌单详情”这个View大概占屏幕高的3/4,界面除了这个view其他部分则变成了半透明状态。
Android 让Activity部分透明、并作出流畅的进场动画

Android 让Activity部分透明、并作出流畅的进场动画
怎么实现这个View呢?我自己主要研究了三套做法,并用实际开发项目的情况做了测试,作出下面的小结:
Android 让Activity部分透明、并作出流畅的进场动画

Android 让Activity部分透明、并作出流畅的进场动画
1. 把这个界面做成一个​ ​PopWindow​​​ 优势:完全能够满足任意动画要求,其实算是最好解决Activity半透明方案了。
Android 让Activity部分透明、并作出流畅的进场动画
劣势: PopWindow内部不能做一些依赖性比较高的网络请求,如果我们要在这个界面请求数据或者一直监听外面Activity的数据,那么PopWindow做不到。
Android 让Activity部分透明、并作出流畅的进场动画
2. 将该界面做成一个​ ​Dialog​​​形式
Android 让Activity部分透明、并作出流畅的进场动画
优势:和PopWindow一样,能够完成任意动画要求
Android 让Activity部分透明、并作出流畅的进场动画
劣势: 适配有问题,非常依赖外部Activty,如果我们切入到后台,把屏幕在全面屏和有虚拟键盘的屏来回切,那么再回到该界面中,Dialog可能会出现适配问题,而且为了这么一个Dialog去读 小米、华为的全面屏适配文档,很伤。(测试们很喜欢这么玩的)
Android 让Activity部分透明、并作出流畅的进场动画
3. 将该界面做成一个​ ​Activity​​ 优势:可以完全解决上述两种情况劣势带来的问题, Activity在功能上比PopWindow和Dialog更多元更强大
Android 让Activity部分透明、并作出流畅的进场动画
缺点:动画必须自己思考,如果不处理,传入的动画会非常僵硬。
[En]

Disadvantages: the animation has to be pondered by yourself, and the incoming animation will be very stiff if it is not dealt with.

Android 让Activity部分透明、并作出流畅的进场动画

Android 让Activity部分透明、并作出流畅的进场动画
总而言之,我使用第三个选项来实现此界面。
[En]

To sum up, I use the third option to do this interface.

Android 让Activity部分透明、并作出流畅的进场动画

Android 让Activity部分透明、并作出流畅的进场动画
第一步:设置Activity的入场、出场动画( 我们用View动画来做):
Android 让Activity部分透明、并作出流畅的进场动画
//进场动画  anim/bottom_in
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
android:duration="300"
android:fromYDelta="100%p"
android:toYDelta="0" />

set>
//出场动画 anim/bottom_out
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
android:duration="300"
android:fromYDelta="25"
android:toYDelta="100%p" />
set>

Android 让Activity部分透明、并作出流畅的进场动画

Android 让Activity部分透明、并作出流畅的进场动画
然后在代码中为其设置动画:
[En]

Then animate it in the code:

Android 让Activity部分透明、并作出流畅的进场动画

Android 让Activity部分透明、并作出流畅的进场动画
![Android 让Activity部分透明、并作出流畅的进场动画](https://johngo-pic.oss-cn-beijing.aliyuncs.com/articles/20230524/"在这里插入图片描述")
= new Intent(BeforeActivity.this, AfterActivity.class);      startActivity(intent);      overridePendingTransition(R.anim.bottom_in,R.anim.bottom_silent);
![Android 让Activity部分透明、并作出流畅的进场动画](https://johngo-pic.oss-cn-beijing.aliyuncs.com/articles/20230524/"在这里插入图片描述")

Android 让Activity部分透明、并作出流畅的进场动画

Android 让Activity部分透明、并作出流畅的进场动画
第二步:写activity的manifest配置:
Android 让Activity部分透明、并作出流畅的进场动画
//我们要将其设置为可以透明显示的
<activity
android:name=".XXXActivity"
android:theme="@style/XXXTheme">
<meta-data
android:name="android.max_aspect"
android:value="ratio_float" />
activity>

<style name="XXXTheme" parent="Theme.AppCompat">
<item name="android:windowIsTranslucent">trueitem>
<item name="android:windowBackground">@android:color/transparentitem>
<item name="windowNoTitle">trueitem>
<item name="android:windowAnimationStyle">@nullitem>
style>

Android 让Activity部分透明、并作出流畅的进场动画

Android 让Activity部分透明、并作出流畅的进场动画
第三步,在Activity的代码中设置状态栏透明:
Android 让Activity部分透明、并作出流畅的进场动画

Android 让Activity部分透明、并作出流畅的进场动画
![Android 让Activity部分透明、并作出流畅的进场动画](https://johngo-pic.oss-cn-beijing.aliyuncs.com/articles/20230524/"在这里插入图片描述")
//XXXActivity    @Override    protected void onCreateView(Bundle savedInstanceState) {        supportRequestWindowFeature(Window.FEATURE_NO_TITLE);        setContentView(R.layout.activity_song_detail);        getWindow().setLayout(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);        getWindow().setFlags(                WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS,                WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);    }
![Android 让Activity部分透明、并作出流畅的进场动画](https://johngo-pic.oss-cn-beijing.aliyuncs.com/articles/20230524/"在这里插入图片描述")

Android 让Activity部分透明、并作出流畅的进场动画

Android 让Activity部分透明、并作出流畅的进场动画
第四步:设置Activity的布局XML文件:
Android 让Activity部分透明、并作出流畅的进场动画
xml version="1.0" encoding="utf-8"?>
<FrameLayout 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"
tools:context=".song.mvp.view.SongDetailActivity">

//View用来铺整个View,因为我们的RelativeLayout会用到background,这样的话如果有圆角,会出现很僵硬的白色
//我们也是根据这个view来做透明
<View
android:id="@+id/view"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#636363"/>

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent">


<View
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_above="@+id/rl_bottom" />

<RelativeLayout
android:id="@+id/rl_bottom"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#ffffff"
android:layout_alignParentBottom="true">
....
RelativeLayout>
RelativeLayout>
FrameLayout>

Android 让Activity部分透明、并作出流畅的进场动画

Android 让Activity部分透明、并作出流畅的进场动画
其实到这里已经差不多,但是Activity的出现会带一块黑黑的屏(就是我们透明view)进来,效果不太好
Android 让Activity部分透明、并作出流畅的进场动画
所以我们要让一开始这个view是透明的,在动画完成后该view变成半透明的
Android 让Activity部分透明、并作出流畅的进场动画

Android 让Activity部分透明、并作出流畅的进场动画
通过写alpha动画:
Android 让Activity部分透明、并作出流畅的进场动画
//view的透明变半透明动画
//view_to_translate
<set xmlns:android="http://schemas.android.com/apk/res/android">
<alpha
android:duration="200"
android:fromAlpha="0"
android:toAlpha="0.7"/>
set>

Android 让Activity部分透明、并作出流畅的进场动画

Android 让Activity部分透明、并作出流畅的进场动画
然后在Activity onStart的时候执行这个动画:
Android 让Activity部分透明、并作出流畅的进场动画

Android 让Activity部分透明、并作出流畅的进场动画
![Android 让Activity部分透明、并作出流畅的进场动画](https://johngo-pic.oss-cn-beijing.aliyuncs.com/articles/20230524/"在这里插入图片描述")
//设置延迟开始的时间还蛮关键的,能决定动画是否平滑    @Override    protected void onStart() {        super.onStart();         if (toTranslateIn == null) {            toTranslateIn = AnimationUtils.loadAnimation(this, R.anim.view_to_translate_in);            toTranslateIn.setFillAfter(true);            toTranslateIn.setStartOffset(200);        }        findViewById(R.id.view).startAnimation(toTranslateIn);    }
![Android 让Activity部分透明、并作出流畅的进场动画](https://johngo-pic.oss-cn-beijing.aliyuncs.com/articles/20230524/"在这里插入图片描述")

Android 让Activity部分透明、并作出流畅的进场动画

Android 让Activity部分透明、并作出流畅的进场动画
效果如下:
Android 让Activity部分透明、并作出流畅的进场动画

Android 让Activity部分透明、并作出流畅的进场动画
Android 让Activity部分透明、并作出流畅的进场动画
Android 让Activity部分透明、并作出流畅的进场动画

Android 让Activity部分透明、并作出流畅的进场动画

Original: https://blog.51cto.com/u_15719342/5475348
Author: RikkaTheWorld
Title: Android 让Activity部分透明、并作出流畅的进场动画

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/508403/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球