二手平台android界面,Android二手书交易app设计（2）启动图Activity

在app打开的时候，会先进入到启动图界面。在启动图界面中停留3s(或者直接跳过)，而后判断是否已经登陆。进入到登陆页面或者是进入到主页面。html

一 启动图界面

采用帧布局(framelayout)，全部控件都在界面左上角，按代码顺序依次覆盖，因此先写背景图(image view)，而后写一个倒计时的控件(appcompatTextview)。这样就可使倒计时空间覆盖在背景图上。android

1

3

4 android:layout_width="match_parent"

5 android:layout_height="match_parent">

6

7 //背景图

8

10 android:layout_width="match_parent"

11 android:layout_height="match_parent"

12 android:scaleType="centerCrop"

13 android:background="@mipmap/start_back"/>

14

15 //底部app名

16

18 android:layout_height="60dp"

19 android:layout_gravity="bottom"

20 android:background="@mipmap/start_back_bottom1"/>

21

22 //右上角倒计时图标

23

25 android:layout_height="50dp"

26 android:layout_width="50dp"

27 android:layout_marginTop="15dp"

28 android:layout_gravity="right"

29 android:layout_marginRight="15dp"

30 android:background="@drawable/circle_timer"

31 android:textColor="@android:color/white"

32 android:textSize="16sp"

33 android:gravity="center"/>

34

35

36

倒计时图标要单独写，要实现一个半透明的圆形图标来显示倒计时。app

在main/res/drawable/中建立一个shape文件：circle_timer.xml。在其中写好圆形以及半透明属性。以下：ide

1

2

3

4

在倒计时图标中的background调用这个shape文件就能够实现目标设计。工具

二 使用Timer控制定时关闭启动页面

1.工具准备

在app中建立一个util包，在util包中新建一个timer包来存放相关timer工具。布局

Timer是一种定时器工具，用来在一个后台线程计划执行指定任务。它能够计划执行一个任务一次或反复屡次。post

在timer中包括一个接口和一个基础TimerTask。结构以下：this

TimerTask一个抽象类，它的子类表明一个能够被Timer计划的任务。具体的任务在TimerTask中run接口中实现。spa

经过Timer中的schedule方法启动定时任务。线程

在BaseTimerTask中，在构造方法中传入他的回调，在run接口中实现具体的任务。具体的执行在具体的activity中的实现run中。BaseTimerTask以下：

1 public classBaseTimerTask extends TimerTask {2

3 //构造方法中传入他的回调

4 private ITimerListener mITimerListener = null;5

6 publicBaseTimerTask(ITimerListener timerListener){7 this.mITimerListener =timerListener;8 }9

10 @Override11 public voidrun() {12 if(mITimerListener != null){13 mITimerListener.onTimer();14 }15 }16 }

ITimerListener接口以下：

public interfaceITimerListener {voidonTimer();

}

2.具体实现

在startActivity中，新建一个Time类型mTimer，建立其初始化方法：

private voidinitTimer() {

mTimer= newTimer();

final BaseTimerTask task= new BaseTimerTask(this);//第一个 第二个参数是延时开始，第三个是每隔1000ms(1s)执行一次

mTimer.schedule(task, 0, 1000);

}

在初始化方法中新建一个Timer，而且建立一个time的task，使用mTimer的schedule方法进行执行。具体参数意义见上图注解。

在startActivity中要实现ITimerListener接口，因此要实现接口中的方法onTimer()。在onTimer()方法中就是执行具体的timer任务，在其中就实现一个倒计时具体的逻辑。具体代码以下：

1 //倒计时任务

2 @Override3 public voidonTimer() {4 runOnUiThread(newRunnable() {5 @Override6 public voidrun() {7 if (mTvTimer != null) {8 //使用MessageFormat来作字符串拼接

9 mTvTimer.setText(MessageFormat.format("跳过\n{0}s", mCount));10 mCount--;11 if (mCount < 0) {12 if (mTimer != null) {13 mTimer.cancel();14 mTimer = null;15 checkAccount();16 }17 }18 }19 }20 });21 }

在这个方法中，由于在initTimer中实现了每一秒执行一次run()方法。mTvTimer绑定在试图中的倒计时控件，mCount则是定义好的倒计时时间，这里定为3s，每次执行run()时候对mcount进行减1。

在mTvTimer中使用MessageFormat.format来作字符串拼接，其中内容显示“跳过”和 ’mCount‘s。

若是mCount减到0之后，清空mTimer，而且中止Timer任务。在这时倒计时结束时候也开始执行checkAccout()方法，来进行判断登陆状态相关。

3.绑定控件

由于使用了butterknife第三方库，因此使用butterknife来进行注入绑定。

1 //butterknife绑定倒计时的view和click

2 @BindView(R.id.start_timer)3 AppCompatTextView mTvTimer = null;4

5 @OnClick(R.id.start_timer)6 voidonClickTimerView() {7 if (mTimer != null) {8 mTimer.cancel();9 mTimer = null;10 checkAccount();11 }12 }

如上，将mTvTimer和倒计时控件绑定，而且作一个点击事件，点击便是“取消”。因此执行倒计时结束逻辑。

三 StartActivity具体代码

1 public classStartActivity extends AppCompatActivity implements ITimerListener {2

3 private Timer mTimer = null;4 private int mCount = 3;5 privateImageView bingPicImg;6

7 @Override8 protected voidonCreate(Bundle savedInstanceState) {9 super.onCreate(savedInstanceState);10

11 //隐藏actionBar

12 final ActionBar actionBar =getSupportActionBar();13 if(actionBar!=null){14 actionBar.hide();15 }16

17 setContentView(R.layout.activity_start);18 ButterKnife.bind(this);19 initTimer();20

21 }22

23 //butterknife绑定倒计时的view和click

24 @BindView(R.id.start_timer)25 AppCompatTextView mTvTimer = null;26

27 @OnClick(R.id.start_timer)28 voidonClickTimerView() {29 if (mTimer != null) {30 mTimer.cancel();31 mTimer = null;32 checkAccount();33 }34 }35

36 //判断登陆状态

37 private voidcheckAccount() {38

39 }40

41 private voidinitTimer() {42 mTimer = newTimer();43 final BaseTimerTask task = new BaseTimerTask(this);44 //第一个 第二个参数是延时开始，第三个是每隔1000ms(1s)执行一次

45 mTimer.schedule(task, 0, 1000);46 }47

48

49 //倒计时任务

50 @Override51 public voidonTimer() {52 runOnUiThread(newRunnable() {53 @Override54 public voidrun() {55 if (mTvTimer != null) {56 //使用MessageFormat来作字符串拼接

57 mTvTimer.setText(MessageFormat.format("跳过\n{0}s", mCount));58 mCount--;59 if (mCount < 0) {60 if (mTimer != null) {61 mTimer.cancel();62 mTimer = null;63 checkAccount();64 }65 }66 }67 }68 });69 }70

71 }