現在Android上架各大平臺都要求App首頁添加一個彈框,顯示用戶協議以及一些隱私政策,不然上架各大平臺,現在就來簡單的實現一下這個對話框
既然是一個對話框,那我們就先來簡單的封裝一個對話框,這樣方便後續的一些修改:
widget_user_dialog.xml
<?xml version="1.0" encoding="utf-8"?>
<androidx.appcompat.widget.LinearLayoutCompat
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:background="@drawable/bg_sprint_border"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<androidx.appcompat.widget.LinearLayoutCompat
android:background="@drawable/bg_sprint_border"
android:orientation="vertical"
android:layout_marginLeft="25dp"
android:layout_marginRight="25dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<androidx.appcompat.widget.AppCompatTextView
android:id="@+id/tv_sprint_title"
android:text="Sprint"
android:padding="12dp"
android:layout_gravity="center_horizontal"
android:textSize="18sp"
android:textColor="@color/colorBlack"
android:textStyle="bold"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
<androidx.appcompat.widget.AppCompatTextView
android:id="@+id/tv_sprint_content"
android:text="我是內容我是內容我是內容我是內容我是內容我是內容我是內容我是內容我是內容我是內容我是內容我是內容我是內容我是內容我是內容我是內容"
android:layout_gravity="center_horizontal"
android:padding="8dp"
android:textSize="14sp"
android:textColor="@color/colorBlack"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
<View
android:layout_width="match_parent"
android:layout_height="0.5dp"
android:background="@color/colorLightGrey_1" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="40dp"
android:layout_marginBottom="0.1dp"
android:layout_marginLeft="0.1dp"
android:layout_marginRight="0.1dp"
android:orientation="horizontal">
<TextView
android:id="@+id/tv_dialog_no"
android:layout_width="0dp"
android:layout_height="fill_parent"
android:layout_weight="1"
android:background="@drawable/bg_sprint_cancle"
android:gravity="center_horizontal|center_vertical"
android:text="取消"
android:textSize="15sp"
android:textColor="@color/colorBlack"/>
<View
android:layout_width="0.5dp"
android:layout_height="match_parent"
android:background="@color/colorLightGrey_1" />
<!--android:background="@drawable/message_dialog_bottom_right"-->
<TextView
android:id="@+id/tv_dialog_ok"
android:layout_width="0dp"
android:layout_height="fill_parent"
android:layout_weight="1"
android:gravity="center_horizontal|center_vertical"
android:text="確定"
android:textSize="15sp"
android:background="@drawable/bg_sprint_agreen_commit"
android:textColor="@color/colorFont_0098FA" />
</LinearLayout>
</androidx.appcompat.widget.LinearLayoutCompat>
</androidx.appcompat.widget.LinearLayoutCompat>
drawable文件這裏就不放出來了,不懂得可以問問度娘,主要就是設置個圓角,然後還有顏色
AgreementDialog.java
這裏就是封裝的對話框,包括標題、確定、取消等一些控件的封裝,主要我們用SpannableString 這個來實現內容的編輯,可以設置指定內容的演示顏色、大小以及樣式等等,需求有需要的話大家可以自己擴展一下
import android.app.Dialog;
import android.content.Context;
import android.os.Bundle;
import android.text.SpannableString;
import android.text.TextUtils;
import android.text.method.LinkMovementMethod;
import android.view.View;
import android.view.Window;
import android.widget.TextView;
import androidx.annotation.NonNull;
import com.huantek.module.sprint.R;
public class AgreementDialog extends Dialog {
private Context context;
private TextView tv_tittle;
private TextView tv_content;
private TextView tv_dialog_ok;
private TextView tv_dialog_no;
private String title;
private SpannableString str;
private View.OnClickListener mClickListener;
private String btnName;
private String no;
private String strContent;
public AgreementDialog(@NonNull Context context) {
super(context);
}
//構造方法
public AgreementDialog(Context context, SpannableString content, String strContent, String title) {
super(context, R.style.MyDialog);
this.context = context;
this.str = content;
this.strContent = strContent;
this.title = title;
}
public AgreementDialog setOnClickListener(View.OnClickListener onClick) {
this.mClickListener = onClick;
return this;
}
public AgreementDialog setBtName(String yes, String no) {
this.btnName = yes;
this.no = no;
return this;
}
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.widget_sprint_user_dialog);
initView();
}
private void initView() {
tv_dialog_ok = (TextView) findViewById(R.id.tv_dialog_ok);
tv_tittle = (TextView) findViewById(R.id.tv_sprint_title);
tv_content = (TextView) findViewById(R.id.tv_sprint_content);
tv_dialog_no = (TextView) findViewById(R.id.tv_dialog_no);
tv_content.setMovementMethod(LinkMovementMethod.getInstance());
if (!TextUtils.isEmpty(btnName)) {
tv_dialog_ok.setText(btnName);
}
if (!TextUtils.isEmpty(no)) {
tv_dialog_no.setText(no);
}
//設置點擊對話框外部不可取消
this.setCanceledOnTouchOutside(false);
this.setCancelable(true);
tv_dialog_ok.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View arg0) {
AgreementDialog.this.dismiss();
if (mClickListener != null) {
mClickListener.onClick(tv_dialog_ok);
}
}
});
tv_dialog_no.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View arg0) {
AgreementDialog.this.dismiss();
if (mClickListener != null) {
mClickListener.onClick(tv_dialog_no);
}
}
});
if (TextUtils.isEmpty(strContent)) {
tv_content.setText(str);
} else {
tv_content.setText(strContent);
}
tv_tittle.setText(title);
}
}
對於這種對話框,並不是每次都需要彈出來,只有用戶在第一次安裝的時候纔會彈出,後面啓動的話就無需在彈出來了,所以我們要進行一個判斷,判斷用戶是不是第一次使用
先定義一個boolean的值,用於判斷用戶是不是第一次使用
//是否是第一次使用
private boolean isFirstUse;
這裏可以用SharedPreferences來進行保存這個值是false還是true
SharedPreferences preferences = getSharedPreferences("isFirstUse", MODE_PRIVATE);
//默認設置爲true
isFirstUse = preferences.getBoolean("isFirstUse", true);
如果是第一次使用,那我們就設置對應的標題、內容等相關值,如果不是就不做操作
new AgreementDialog(context, generateSp("感謝您信任並使用" + AppUtils.getAppName(this)+"XXXXXX《"+ AppUtils.getAppName(this) + "用戶協議》" +
"和《"+ AppUtils.getAppName(this) + "隱私政策》" +
"XXXXX"),null,"溫馨提示").setBtName("同意", "不同意")
.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
switch (v.getId()){
case R.id.tv_dialog_ok:
//實例化Editor對象
SharedPreferences.Editor editor = preferences.edit();
//存入數據
editor.putBoolean("isFirstUse", false);
//提交修改
editor.commit();
//這裏是一開始的申請權限,不懂可以看我之前的博客
requirePermission();
break;
case R.id.tv_dialog_no:
finish();
break;
}
}
}).show();
} else {
}
記得一定要.show(),不然對話框不會彈出來,這裏面的重點部分在於generateSp()這個方法,這裏就是爲了設置“用戶協議”這幾個字體的顏色
private SpannableString generateSp(String text) {
//定義需要操作的內容
String high_light_1 = "《用戶協議》";
String high_light_2 = "《隱私政策》";
SpannableString spannableString = new SpannableString(text);
//初始位置
int start = 0;
//結束位置
int end;
int index;
//indexOf(String str, int fromIndex): 返回從 fromIndex 位置開始查找指定字符在字符串中第一次出現處的索引,如果此字符串中沒有這樣的字符,則返回 -1。
//簡單來說,(index = text.indexOf(high_light_1, start)) > -1這部分代碼就是爲了查找你的內容裏面有沒有high_light_1這個值的內容,並確定它的起始位置
while ((index = text.indexOf(high_light_1, start)) > -1) {
//結束的位置
end = index + high_light_1.length();
spannableString.setSpan(new QMUITouchableSpan(this.getResources().getColor(R.color.colorFont_0098FA), this.getResources().getColor(R.color.colorFont_0098FA),
this.getResources().getColor(R.color.colorWhite), this.getResources().getColor(R.color.colorWhite)) {
@Override
public void onSpanClick(View widget) {
// 點擊用戶協議的相關操作,可以使用WebView來加載一個網頁
}
}, index, end, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
start = end;
}
start = 0;
while ((index = text.indexOf(high_light_2, start)) > -1) {
end = index + high_light_2.length();
spannableString.setSpan(new QMUITouchableSpan(this.getResources().getColor(R.color.colorFont_0098FA), this.getResources().getColor(R.color.colorFont_0098FA),
this.getResources().getColor(R.color.colorWhite), this.getResources().getColor(R.color.colorWhite)) {
@Override
public void onSpanClick(View widget) {
// 點擊隱私政策的相關操作,可以使用WebView來加載一個網頁
}
}, index, end, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
start = end;
}
//最後返回SpannableString
return spannableString;
}
最後就是QMUITouchableSpan.java
用來觸發用戶點擊時的相關操作
/**
* Created by Sammi on 2020/2/27.
* /**
* 可 Touch 的 Span,在 {@link #setPressed(boolean)} 後根據是否 pressed 來觸發不同的UI狀態
* <p>
* 提供設置 span 的文字顏色和背景顏色的功能, 在構造時傳入
* </p>
*/
public abstract class QMUITouchableSpan extends ClickableSpan {
private boolean mIsPressed;
@ColorInt private int mNormalBackgroundColor;
@ColorInt private int mPressedBackgroundColor;
@ColorInt private int mNormalTextColor;
@ColorInt private int mPressedTextColor;
private boolean mIsNeedUnderline = false;
public abstract void onSpanClick(View widget);
@Override
public final void onClick(View widget) {
if (ViewCompat.isAttachedToWindow(widget)) {
onSpanClick(widget);
}
}
public QMUITouchableSpan(@ColorInt int normalTextColor,
@ColorInt int pressedTextColor,
@ColorInt int normalBackgroundColor,
@ColorInt int pressedBackgroundColor) {
mNormalTextColor = normalTextColor;
mPressedTextColor = pressedTextColor;
mNormalBackgroundColor = normalBackgroundColor;
mPressedBackgroundColor = pressedBackgroundColor;
}
public int getNormalBackgroundColor() {
return mNormalBackgroundColor;
}
public void setNormalTextColor(int normalTextColor) {
mNormalTextColor = normalTextColor;
}
public void setPressedTextColor(int pressedTextColor) {
mPressedTextColor = pressedTextColor;
}
public int getNormalTextColor() {
return mNormalTextColor;
}
public int getPressedBackgroundColor() {
return mPressedBackgroundColor;
}
public int getPressedTextColor() {
return mPressedTextColor;
}
public void setPressed(boolean isSelected) {
mIsPressed = isSelected;
}
public boolean isPressed() {
return mIsPressed;
}
public void setIsNeedUnderline(boolean isNeedUnderline) {
mIsNeedUnderline = isNeedUnderline;
}
@Override
public void updateDrawState(TextPaint ds) {
ds.setColor(mIsPressed ? mPressedTextColor : mNormalTextColor);
ds.bgColor = mIsPressed ? mPressedBackgroundColor
: mNormalBackgroundColor;
ds.setUnderlineText(mIsNeedUnderline);
}
}
附上效果圖
如果有不足之處歡迎大佬指點