轻松搞定表白女朋友：Android版APP （零基础也可前往Github免费下载软件）

mobile365体育投注网站 📅 2025-07-29 20:16:16 ✍️ admin 👀 2599 ❤️ 138
轻松搞定表白女朋友：Android版APP （零基础也可前往Github免费下载软件）

在我们平时生活当中，经常会看到一些表白女朋友的html网页，但是Android端的表白软件可以说是基本没有，笔者在全网搜了一下，就没有一个可以用的。安卓端可以给人一种定制和精美的感觉，这是网页所做不到的，网页链接不见了就没了。因此在这里将自己写的Android软件制作流程以及代码全部开源，这里采用了web与安卓原生混合开发的技术，引入了腾讯X5内核替换WebView，可以让软件加载速度提高百分之三十。在github里，我也导入了了几款不同的背景动态模板，可以供你们进行挑选，也导入了不同的背景音乐可供选择，具体的更换方法也会在下面的博客当中详细解释的（如果不想自己敲代码的话），麻烦在Github给颗星，小弟将不胜感激！不会打包生成安装包apk的,可以直接安装的apk文件我也直接上传到github上了！零基础也可以玩儿！看了博客还能自己改！

Github链接：https://github.com/Geeksongs/ExpressLove

安装包APK文件链接（debug版本，可直接使用）：https://github.com/Geeksongs/ExpressLove/tree/master/app/debug

软件表白流程：

1.首页开屏暂停三秒，固定背景图

2.进入表白界面

3.如果想要离开，点击手机上的返回按钮，但不管怎么点也退不出去

4.开始表白

5.表白成功之后，出现烟花场景，然后跳转至微信，自动和小哥哥聊天（也可以跳转到QQ等任何软件，只需要改一个字符串就可以了）

下面是软件演示：

一.首先是我们的Mainactivity.java

这个活动（Java文件）在文件夹：ExpressLove\app\src\main\java\com\example\lenovo\expresslove下。我们在这个活动当中写进去一个hander，进入延时，延时到了之后跳转到第二个活动，这个活动让我们的首页开屏暂停三秒，固定背景图，如果想要更换背景图的你，则可以在下载下来的文件夹：ExpressLove\app\src\main\res\drawable当中的timg.png图片进行自行更换，但更换后的名称要保持一致。想要更改延时长短的你，则可以在下面的代码当中作修改，注释比较详细。

Mainactivity.java的代码如下：

package com.example.lenovo.expresslove;

import android.app.Activity;

import android.content.Intent;

import android.os.Bundle;

import android.os.Handler;

import android.support.v7.app.ActionBar;

import android.support.v7.app.AppCompatActivity;

import android.view.WindowManager;

import android.webkit.WebViewClient;

import com.tencent.smtt.sdk.WebView;

public class MainActivity extends AppCompatActivity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

ActionBar actionBar=getSupportActionBar();//后面几行都用于隐藏标题栏

if(actionBar !=null)

{

actionBar.hide();

}

getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);

getSupportActionBar().hide();

new Handler().postDelayed(new Runnable(){ // 为了减少代码使用匿名Handler创建一个延时的调用

public void run() {

Intent i = new Intent(MainActivity.this,Main2Activity.class);//延时之后跳转到活动2，main2activity.java

MainActivity.this.startActivity(i);

MainActivity.this.finish();

} }, 3000);//3000表示的是延时3秒

}

}

二.首页布局代码：activity_main.xml（不需要改）

在文件夹：ExpressLove\app\src\main\res\layout下的activity_main.xml 当中

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical"

android:background="@drawable/timg">

三.进入第二个活动：（安卓程序员可以在这里进入腾讯X5内核）

main2activity.java，和Mainactivity.java在同一个文件夹下，这个活动就引入了我们的心形动态图的界面：

这部分代码由几个部分组成：

1.安卓程序员可以在加入腾讯X5内核，由于我们这个活动后面的背景动态是通过Webview来加载的，第一次打开软件的速度会偏慢，如果去掉注释删除webview控件的调用，使用X5则会提高加载速度。下面的注释也比较详细。

2.由于背后的动态是html5文件，这个文件是放置在笔者已经创建好的asset文件夹下的，如果想要更改后面的背景动态，则可以直接到ExpressLove\app\src\main\assets文件夹下查看我们已经给出的html5背景动态，如果不满意可以自己更替，笔者已经往里面注入了index.html index2.html index3.html index4.html 四个背景动态，效果可以自行在电脑浏览器当中查看，可以在webview代码实现处更改。如果想要本动态的背景文字，稍后我会详细解释。

3.再引入文字动画，但是动画就需要我们创建新的xml文件来完成这个动画了，这个活动里仅仅是Java代码对xml动画进行的调用，实现的是顶部标题栏文字的渐变动画，代码从animation处开始，使用的是补间动画的知识，稍后我们会给出新xml文件的代码。

4.流氓式表白过程，主要使用了对话框的技术，如果用户首先点击了软件上的button“点我啦”，则会跳转到一个对话框，而对话框又只有一个按钮，代码当中利用对话框的嵌套，从而实现点了对话框当中按钮之后又会出现新的对话框。直到点击完对话框。

5.无法返回到桌面的精美对话框dialog制作：如果用户点击了手机上的返回按钮，则会出现：“小姐姐求求你别离开我好吗？”，不管是点击确定还是返回都会返回到第二个活动当中，并不会退出软件。

ackage com.example.lenovo.expresslove;

import android.app.Dialog;

import android.content.DialogInterface;

import android.content.Intent;

import android.os.Build;

import android.os.Handler;

import android.support.v7.app.ActionBar;

import android.support.v7.app.AlertDialog;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.view.KeyEvent;

import android.view.View;

import android.view.Window;

import android.view.WindowManager;

import android.view.animation.Animation;

import android.view.animation.AnimationUtils;

import android.webkit.WebViewClient;

import android.widget.Button;

import android.widget.TextView;

import android.widget.Toast;

import android.net.http.SslError;

import android.os.Bundle;

import android.support.v7.app.AppCompatActivity;

import android.webkit.SslErrorHandler;

import android.webkit.WebSettings;

import android.webkit.WebView;

import android.webkit.WebViewClient;

/*import com.tencent.smtt.sdk.WebSettings;

import com.tencent.smtt.sdk.WebView;*/

public class Main2Activity extends AppCompatActivity {

// private WebView mWebView;

private WebView webView;

AlertDialog builder=null;//进入流氓式表白

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main2);//下面被注释掉的这几行代码完全看程序员的个人意愿了，如果想要用腾讯X5内核的，就把后面的注释符号删除就可以了，同时还需要把我们的webview控件相关的

/* mWebView = (com.tencent.smtt.sdk.WebView) findViewById(R.id.webView2);

mWebView.loadUrl("file:///android_asset/index3.html");

if (Build.VERSION.SDK_INT >= 21) {//设置顶部状态栏为半透明

getWindow().setFlags(

WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS,

WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);

}*/

final TextView textView=(TextView)findViewById(R.id.textview);

//下面是运用的webview来加载我们的h5动画，如果想使用x5的可以把下面的这些删掉，再利用上面已经注释过的代码即可。

webView = (WebView) findViewById(R.id.webView);

//需要加载的网页的url

webView.loadUrl("file:///android_asset/index3.html");//这里写的是assets文件夹下html文件的名称，需要带上后面的后缀名，前面的路径是安卓系统自己规定的android_asset就是表示的在assets文件夹下的意思，如果想要其他动态背景，更改index文件名即可。

webView.getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);//自适应屏幕

webView.getSettings().setLoadWithOverviewMode(true);//自适应屏幕

webView.getSettings().setSupportZoom(true);

webView.getSettings().setUseWideViewPort(true);//扩大比例的缩放

// webView.getSettings().setBuiltInZoomControls(true);//设置是否出现缩放工具,这里我想就不出现了，影响效果

WebSettings settings = webView.getSettings();

// 如果访问的页面中要与Javascript交互，则webview必须设置支持Javascript

settings.setJavaScriptEnabled(true);

webView.setWebViewClient(new WebViewClient(){

public boolean shouldOverrideUrlLoading(WebView view, String url){

view.loadUrl(url);

return true;

}

});//下面这里引入的是动画，在标题栏上方的文字渐变效果，从“正在加载当中”渐变到“还愣着干嘛？”

Animation scaleAnimation = AnimationUtils.loadAnimation(this, R.animator.anim);

textView.startAnimation(scaleAnimation);//这里是隐藏安卓系统本身的标题栏

ActionBar actionBar=getSupportActionBar();

if(actionBar!=null)

{

actionBar.hide();

}//这里是设置安卓顶部状态栏为半透明状态，和我们的顶部标题栏颜色相呼应，不然的话显示时间的状态栏就是深蓝色，看起来会很烦

if (Build.VERSION.SDK_INT >= 21) {//设置顶部状态栏为半透明

getWindow().setFlags(

WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS,

WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);}

getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);

getSupportActionBar().hide();

new Handler().postDelayed(new Runnable(){ // 为了减少代码使用匿名Handler创建一个延时的调用

public void run() {

textView.setText("<----还愣着干嘛？？");

} }, 4500);//文字渐变的时间为4500ms

Button button=(Button)findViewById(R.id.button);

button.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View view) {

AlertDialog.Builder b = new AlertDialog.Builder(Main2Activity.this);

//2.设置属性

b.setTitle("每天做饭给你吃？");

b.setPositiveButton("好呀", new DialogInterface.OnClickListener() {

@Override

public void onClick(DialogInterface dialogInterface, int i) {

AlertDialog.Builder c = new AlertDialog.Builder(Main2Activity.this);

c.setTitle("小姐姐：");

c.setMessage("每个月生活费全都给你");

c.setPositiveButton("好鸭", new DialogInterface.OnClickListener() {

@Override

public void onClick(DialogInterface dialogInterface, int i) {

AlertDialog.Builder d = new AlertDialog.Builder(Main2Activity.this);

d.setTitle("小姐姐：");

d.setMessage("房产证写你名字");

d.setNegativeButton("好鸭", new DialogInterface.OnClickListener() {

@Override

public void onClick(DialogInterface dialogInterface, int i) {

AlertDialog.Builder y = new AlertDialog.Builder(Main2Activity.this);

y.setTitle("小姐姐");

y.setMessage("每天都陪你逛街");

y.setNegativeButton("好呀", new DialogInterface.OnClickListener() {

@Override

public void onClick(DialogInterface dialogInterface, int i) {

Intent intent=new Intent(Main2Activity.this,Main3Activity.class);

startActivity(intent);

}

});

y.create();

y.show();

}

});

d.create();

d.show();

}

});

c.create();//创建

c.show();//show

}

});

b.create();//创建

b.show();//show

}

});

//这里是外面的括号了

}

//下面是点击返回，跳出精美对话框的按钮，不管确定还是取消都不会退出软件

public boolean onKeyUp(int keyCode, KeyEvent event) {

if(keyCode == KeyEvent.KEYCODE_BACK){

new CommomDialog(this, R.style.dialog, "求求你别离开我好吗？", new CommomDialog.OnCloseListener() {

@Override

public void onClick(Dialog dialog, boolean confirm) {

if(confirm){

dialog.dismiss();

}

}

})

.setTitle("小姐姐：").show();

}

return true;

}}

四.index3.html

如果想要修改背景动态后面的文字：“Dear love”为你想要Dear的那个人，则可以在这个网页文件里面进行修改：

如果不知道怎样自己创建asset目录的同学可以参见我的前几篇博文，传送门：https://www.cnblogs.com/geeksongs/p/10673133.html 文件目录在这儿：ExpressLove\app\src\main\assets

代码如下：

爱你

Dear Love

从代码当中我们可以看到这里引用了不少的js文件，相关的js文件夹我已经放到了asset文件夹之下，所以就可以进行正确的调用了。如果想引入新html5动画背景的程序员，请一定要注意您html5网页所对应的javascript文件和css文件所对应的文件夹名不要和笔者这里的重复了，不然会引起一些不必要的麻烦。

五.anim.xml

这个文件是我们补间动画所用到的xml文件，首前面的scale属性被我注释掉了，这个表示的是文字或者图片的缩放，但是实际在android软件当中运行的效果不太理想，就仅仅使用了alpha的渐变属性，对文字进行渐变。创建anim.xml需要特定的方式才能够创建，而不是直接在我们的layout文件夹之下进行创建。 同学们可以自行百度/谷歌一下。

android:duration="2000"

android:startOffset ="0"

android:fillBefore = "true"

android:fillEnabled= "true"

android:repeatMode= "restart"

android:repeatCount = "0"

android:fromAlpha="0.0"

android:toAlpha="1.0"

/>

六.第二个活动的布局activity_main2.xml

这个布局略显复杂了一点，但是细细看看其实也不太难。主要是在整个布局的最上方我们引入了一个嵌套的相对布局，这样才可以起到替换安卓自带的标题栏的作用。如果想使用X5内核的话，直接把我已经注释掉的X5控件的主食删掉，再删除WEBVIEW的布局就好了，但是不管如何其id一定要对才行，因为我们会在第二个活动当中引入它的id！！

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"

android:orientation="vertical"

tools:context=".Main2Activity">

android:background="@color/mainColor"

android:layout_width="match_parent"

android:layout_height="17dp">

android:background="@color/mainColor"

android:layout_width="match_parent"

android:layout_height="42dp">

android:id="@+id/button"

android:layout_width="wrap_content"

android:layout_height="match_parent"

android:text="点我啦"/>

android:id="@+id/textview"

android:textSize="23dp"

android:layout_alignParentRight="true"

android:textColor="@color/white"

android:layout_width="250dp"

android:layout_height="match_parent"

android:text="正在加载中，稍等....."/>

android:id="@+id/webView"

android:layout_width="match_parent"

android:layout_height="match_parent">

最后的布局的效果如下：（真机运行出来的效果),可以看到上面的状态栏是没有蓝色的，蓝色的标题栏也被我们隐藏了，因为我们在第二个活动当中已经隐藏了这些。只是需要注意将状态栏变为半透明需要将安卓软件的API提升到21以上，没有在21以上的可以直接在gradle文件里面进行修改，修改之后在点击android studio 右上方的syic now ，再等待电脑运行一段时间就可以了。

除此之外，我们在点击返回按钮的时候会跳出一个仿微信的对话框，如下：

在第二个活动当中已经触发了这个事件，因此我们还需要在xml文件当中做一些美工，下面是我们需要编辑的第一个xml文件：

七.dialog_commom.xml

这个布局直接创建到我们的layout文件夹之下就可以了.

代码如下：

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="@drawable/bg_round_white"

android:orientation="vertical" >

android:id="@+id/title"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:gravity="center_horizontal"

android:padding="12dp"

android:layout_marginTop="12dp"

android:text="提示"

android:textSize="20sp"

android:textColor="@color/black"/>

android:id="@+id/content"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:gravity="center"

android:layout_gravity="center_horizontal"

android:lineSpacingExtra="3dp"

android:layout_marginLeft="40dp"

android:layout_marginTop="20dp"

android:layout_marginRight="40dp"

android:layout_marginBottom="30dp"

android:text="签到成功，获得200积分"

android:textSize="16sp"

android:textColor="@color/font_common_1"/>

android:layout_width="match_parent"

android:layout_height="1dp"

android:background="@color/commom_background"/>

android:layout_width="match_parent"

android:layout_height="50dp"

android:orientation="horizontal">

android:id="@+id/cancel"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="@drawable/bg_dialog_left_white"

android:layout_weight="1.0"

android:gravity="center"

android:text="确定"

android:textSize="12sp"

android:textColor="@color/font_common_2"/>

android:layout_width="1dp"

android:layout_height="match_parent"

android:background="@color/commom_background"/>

android:id="@+id/submit"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="@drawable/bg_dialog_right_white"

android:gravity="center"

android:layout_weight="1.0"

android:text="取消"

android:textSize="12sp"

android:textColor="@color/font_blue"/>

八.colors.xml

values下的文件，必须的

#3F51B5

#303F9F

#FF4081

#573567

#FFFFFF

#000000

#d4d4d3

#42369a

#b1b1b1

#424242

#a1a1a1

#42369a

#00cccc

#f3f3f3

九.styles.xml