安卓项目之淘忆2.0的代码实现之欢迎引导功能

现在开始写一下功能实现，我用到的工具主要有android studio，腾讯旗下的移动开发者工具leanClould。

下面开始第一部分，一些基本的设置就不记录了，记点大概的功能内容。

首先是activity_welcome.xml文件的内容如下：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@mipmap/bg_welcome"
tools:context=".ui.activity.WelcomeActivity">

<TextView
android:id="@+id/tv_taoyi_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="69dp"
android:text="淘忆"
android:textAppearance="?android:attr/textAppearanceLarge"
android:textColor="#fff"
android:textSize="40sp"
android:textStyle="bold" />

<TextView
android:id="@+id/tv_taoyi_content"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/tv_taoyi_name"
android:layout_centerHorizontal="true"
android:layout_marginTop="15dp"
android:text="喧闹城市，静谧之处"
android:textAppearance="?android:attr/textAppearanceSmall"
android:textColor="#fff"
android:textSize="18sp" />

</RelativeLayout>

然后是activity_guide.xml文件的内容如下：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".ui.activity.GuideActivity">

<android.support.v4.view.ViewPager
android:id="@+id/vp_Guide"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#0000">

</android.support.v4.view.ViewPager>
<LinearLayout
android:id="@+id/ll"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:gravity="center_horizontal"
android:orientation="horizontal" >

<ImageView
android:id="@+id/iv1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@mipmap/guide_point_selected" />

<ImageView
android:id="@+id/iv2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@mipmap/guide_point" />

<ImageView
android:id="@+id/iv3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@mipmap/guide_point" />
</LinearLayout>

</RelativeLayout>

然后是guide_one.xml文件的内容：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@mipmap/guide_one" />
</LinearLayout>

然后是guide_two.xml文件的内容:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@mipmap/guide_two" />
</LinearLayout>

然后是guide_three.xml文件的内容:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@mipmap/guide_three" />

<LinearLayout
android:id="@+id/linearLayout"
android:layout_width="fill_parent"
android:layout_height="45dp"
android:layout_alignParentBottom="true"
android:gravity="center_horizontal"
android:orientation="horizontal">

<Button
android:id="@+id/btn_start"
android:layout_width="wrap_content"
android:layout_height="25dp"
android:background="@drawable/btn_start_taoyi"
android:text="开启淘忆" />
</LinearLayout>

</RelativeLayout>

接下来是welcomeActivity.class的内容了：

package com.elainetaylor.taoyi.ui.activity;

import android.content.Intent;
import android.content.SharedPreferences;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.support.v7.app.AppCompatActivity;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.TextView;

import com.avos.avoscloud.AVOSCloud;
import com.elainetaylor.taoyi.R;

public class WelcomeActivity extends AppCompatActivity {
private TextView tv_taoyi_name, tv_taoyi_content;
private boolean isFirstIn = false;
private static final int TIME = 3000;
private static final int GO_HOME = 1000;
private static final int GO_GUIDE = 1001;
private Handler handler = new Handler() {
@Override
public void handleMessage(Message msg) {
super.handleMessage(msg);
switch (msg.what) {
case GO_HOME:
goHome();
break;
case GO_GUIDE:
goGuide();
break;
}

}
};

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_welcome);
AVOSCloud.initialize(this, "K1Ki1nEU9GFmUK6lfVMBMeHE-9Nh9j0Va", "pwYculXduYevPHtGDk6LuI0c");
init();
write();
startAnimation();
}

public void init() {
tv_taoyi_name = (TextView) findViewById(R.id.tv_taoyi_name);
tv_taoyi_content = (TextView) findViewById(R.id.tv_taoyi_content);
}

public void write() {
SharedPreferences preferences = getSharedPreferences("elaine", MODE_PRIVATE);
isFirstIn = preferences.getBoolean("isFirstIn", true);
if (!isFirstIn) {
handler.sendEmptyMessageDelayed(GO_HOME, TIME);
} else {
handler.sendEmptyMessageDelayed(GO_GUIDE, TIME);
SharedPreferences.Editor editor = preferences.edit();
editor.putBoolean("isFirstIn", false);
editor.apply();
}
}

public void startAnimation() {
Animation animation = AnimationUtils.loadAnimation(WelcomeActivity.this, R.anim.welcome_text);
tv_taoyi_name.startAnimation(animation);
tv_taoyi_content.startAnimation(animation);
}

public void goHome() {
Intent i = new Intent(WelcomeActivity.this, MainActivity.class);
startActivity(i);
finish();
}

public void goGuide() {
Intent intent = new Intent(WelcomeActivity.this, GuideActivity.class);
startActivity(intent);
finish();
}
}

接下来是GuideActivity.xml文件的内容是：

package com.elainetaylor.taoyi.ui.activity;

import android.content.Intent;
import android.os.Bundle;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.Button;
import android.widget.ImageView;

import com.elainetaylor.taoyi.R;
import com.elainetaylor.taoyi.adapter.ViewPagerAdapter;

import java.util.ArrayList;
import java.util.List;

public class GuideActivity extends AppCompatActivity implements ViewPager.OnPageChangeListener {
private ViewPager viewPager;
private ViewPagerAdapter adapter;
private List<View> views;
private Button btnStart;
private int[] ids={R.id.iv1,R.id.iv2,R.id.iv3};
private ImageView[] dots;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_guide);
init();
initDots();
startAnimation();
}

private void init() {
LayoutInflater inflater = LayoutInflater.from(this);
views = new ArrayList<View>();
views.add(inflater.inflate(R.layout.guide_one, null));
views.add(inflater.inflate(R.layout.guide_two, null));
views.add(inflater.inflate(R.layout.guide_three, null));
adapter = new ViewPagerAdapter(views, GuideActivity.this);
viewPager = (ViewPager) findViewById(R.id.vp_Guide);
viewPager.setAdapter(adapter);
btnStart = (Button) views.get(2).findViewById(R.id.btn_start);
btnStart.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Intent intent = new Intent(GuideActivity.this, MainActivity.class);
startActivity(intent);
finish();
}
});
viewPager.setOnPageChangeListener(this);
}

public void initDots(){
dots=new ImageView[views.size()];
for(int i=0;i<views.size();i++){
dots[i]= (ImageView) findViewById(ids[i]);
}
}

public void startAnimation(){
Animation animation = AnimationUtils.loadAnimation(this, R.anim.guide_btn);
btnStart.startAnimation(animation);
}

@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

}

@Override
public void onPageSelected(int position) {
for(int i=0;i<dots.length;i++){
if(position==i){
dots[i].setImageResource(R.mipmap.guide_point_selected);
}else{
dots[i].setImageResource(R.mipmap.guide_point);
}
}
}

@Override
public void onPageScrollStateChanged(int state) {

}
}

至于一些动作或是颜色改变的文件就不写了。