仅用动画实现SplashScreen可行性及LinearLayout遮罩实现咨询

一、仅通过动画能否实现SplashScreen？ #

完全可以！基础的SplashScreen效果靠你已经完成的fade_in和fade_out动画就能实现。核心逻辑很清晰：

• 启动页布局（比如承载logo/品牌视觉的布局）加载完成后，播放fade_in动画让内容平滑显现；
• 延迟一段时间（比如2-3秒，或者等初始化逻辑完成后）触发fade_out动画，动画结束后跳转至主界面。

给你个简单的代码示例（Kotlin）：

class SplashActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_splash)
        
        // 播放淡入动画
        val splashContainer = findViewById<LinearLayout>(R.id.splash_container)
        splashContainer.startAnimation(AnimationUtils.loadAnimation(this, R.anim.fade_in))
        
        // 延迟执行淡出动画并跳转主界面
        Handler(Looper.getMainLooper()).postDelayed({
            val fadeOutAnim = AnimationUtils.loadAnimation(this, R.anim.fade_out)
            fadeOutAnim.setAnimationListener(object : Animation.AnimationListener {
                override fun onAnimationEnd(animation: Animation?) {
                    startActivity(Intent(this@SplashActivity, MainActivity::class.java))
                    finish()
                }
                override fun onAnimationStart(animation: Animation?) {}
                override fun onAnimationRepeat(animation: Animation?) {}
            })
            splashContainer.startAnimation(fadeOutAnim)
        }, 2000)
    }
}

如果需要更复杂的效果（比如logo缩放+淡入组合），可以把多个动画串联起来，但仅靠淡入淡出已经能满足基础启动页的需求了。

二、如何给LinearLayout添加遮罩？ #

当然可以给LinearLayout加遮罩，这里分享几种实用的实现方式：

1. 使用android:foreground属性（最简单，Android 6.0+支持）

直接在布局文件中给LinearLayout设置前景遮罩，遮罩可以是Shape或者透明图片：

<LinearLayout
    android:id="@+id/splash_container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/splash_bg"
    android:foreground="@drawable/mask_layer">
    
    <!-- 你的子View内容 -->
</LinearLayout>

其中mask_layer.xml可以是半透明遮罩：

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#80000000" /> <!-- 半透明黑色，透明度可自行调整 -->
    <!-- 如需圆角遮罩，添加corners属性 -->
    <corners android:radius="20dp" />
</shape>
`foreground`会覆盖在LinearLayout的所有子View之上，完美实现遮罩效果。

#### 2. 使用LayerDrawable组合背景与遮罩（兼容低版本）
如果需要适配Android 6.0以下系统，可以把原背景和遮罩层组合成LayerDrawable：
```xml
<!-- drawable/splash_bg_with_mask.xml -->
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 第一层：原背景图/颜色 -->
    <item android:drawable="@drawable/splash_bg" />
    <!-- 第二层：遮罩层 -->
    <item>
        <shape>
            <solid android:color="#66000000" />
            <!-- 可自定义圆角方向 -->
            <corners android:topLeftRadius="30dp" android:bottomRightRadius="30dp" />
        </shape>
    </item>
</layer-list>

然后将LinearLayout的android:background设置为这个drawable即可。

3. 自定义LinearLayout实现动态遮罩

如果需要动态调整遮罩的透明度、形状（比如随用户交互变化），可以自定义LinearLayout：

class MaskLinearLayout @JvmOverloads constructor(
    context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
) : LinearLayout(context, attrs, defStyleAttr) {
    private val maskPaint = Paint().apply {
        color = Color.parseColor("#80000000")
        isAntiAlias = true
    }

    override fun onDraw(canvas: Canvas?) {
        super.onDraw(canvas)
        // 自定义遮罩形状，这里示例为圆角矩形
        canvas?.drawRoundRect(
            0f, 0f, width.toFloat(), height.toFloat(),
            20f, 20f, maskPaint
        )
    }

    // 提供方法动态修改遮罩颜色
    fun updateMaskColor(color: Int) {
        maskPaint.color = color
        invalidate()
    }
}

之后在布局中直接使用这个自定义View即可。

内容的提问来源于stack exchange，提问作者Hartaithan.