高级UI<第五十一篇>：Android水印位置探讨

水印，是一种防止非法盗图、非法截取重要信息的安全措施之一，在Android中的水印一般运用于：
（1）图片上传前必须加水印；
（2）重要的涉密界面需要加水印；
（3）office文件需要加水印；
水印必须要放在所有可是内容之上，所以水印应该为半透明。

[一] 图片加水印

图片上加入水印比较简单，在网上代码也比较容易找到

首先，将图片生成bitmap

Bitmap bitmap = Bitmap.createBitmap(240, 240, Bitmap.Config.ARGB_8888);

将bitmap传入Canvas

Canvas canvas = new Canvas(bitmap);

最后利用canvase对象绘制水印

canvas.drawXXX

[二] 在Android某界面上加水印

<androidx.constraintlayout.widget.ConstraintLayout
    android:id="@+id/rootview"
    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=".MainActivity">

    <Button
        android:id="@+id/button"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:background="#3F51B5"
        app:layout_constraintTop_toTopOf="parent"
        android:text="放一个按钮测试"
        android:textSize="20sp"
        android:textColor="#ffffff"
        app:layout_constraintBottom_toBottomOf="parent"/>
</androidx.constraintlayout.widget.ConstraintLayout>

就以上面的xml布局为例。

[措施一] 直接在根布局上添加背景

    rootview.setBackground(XXX);

图片.png

如图所示，水印被按钮挡住，所以，这不是一个合格的水印，那么，只能想办法将水印放在按钮上层。

[措施二] 直接在根布局上添加前景

    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
        rootview.setForeground(new WaterMarkBg(MainActivity.this,listString, 30, 20));
    }

图片.png

这样的效果比较显著，完全符合水印在顶端的特性，点击按钮也能触发点击事件，对组件的点击事件没有影响。但是，view添加前景在Android 6.0才推出，这样Android 6.0以下的设备就无法实现水印效果。

[措施三] bringToFront将view直接移到顶端（可行）

先看一下这个布局

<RelativeLayout
    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=".MainActivity">

    <LinearLayout
        android:id="@+id/rl_match"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:background="@color/colorAccent"/>


    <View
        android:id="@+id/button"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_centerInParent="true"
        android:background="#3F51B5" />


</RelativeLayout>

View做为按钮，LinearLayout设置水印背景，设置背景的代码如下：

    rl_match.setBackground(waterMarkBg);

效果如下：

图片.png

如果加入这句话：

    rl_match.bringToFront();

效果如下：

图片.png

点击view，可以触发点击事件。

[措施四] elevation属性的使用（可行）

<RelativeLayout
    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=".MainActivity">

    <LinearLayout
        android:elevation="1dp"
        android:id="@+id/rl_match"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:background="@color/colorAccent"/>


    <View
        android:id="@+id/button"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_centerInParent="true"
        android:background="#3F51B5" />

</RelativeLayout>

在LinearLayout中添加属性

        android:elevation="1dp"

将LinearLayout的Z轴升高，这样LinearLayout布局将在View上层，且不影响View组件的点击事件。

效果和[措施三]的代码一致。

[需要注意的是]

在高SDK版本中，Button为了添加阴影效果，elevation属性有一个默认值，且初始值和按下按钮的值是不一样的，elevation属性增加按钮的Z轴高度，高度增加了就会有阴影（影子），所以elevation属性其实是增加阴影效果来用的，当点击按钮时，按钮的高度增加，阴影效果增强。所以，使用[措施三]或者[措施四]时，要特别注意，如果遇到Button，要想实现水印就需要结合[措施三]和[措施四]实现。

[本章完...]