本项目来自菜鸟窝,有兴趣者点击http://www.cniao5.com/course/
项目已经做完,
https://github.com/15829238397/CN5E-shop
仿京东商城系列0------项目简介
仿京东商城系列1------fragmentTabHost实现底部导航栏
仿京东商城系列2------自定义toolbar
仿京东商城系列3------封装Okhttp
仿京东商城系列4------轮播广告条
仿京东商城系列5------商品推荐栏
仿京东商城系列6------下拉刷新上拉加载的商品列表
仿京东商城系列7------商品分类页面
仿京东商城系列8------自定义的数量控制器
仿京东商城系列9------购物车数据存储器实现
仿京东商城系列10------添加购物车,管理购物车功能实现
仿京东商城系列11------商品排序功能以及布局切换实现(Tablayout)
仿京东商城系列12------商品详细信息展示(nativie与html交互)
仿京东商城系列13------商品分享(shareSDK)
仿京东商城系列14------用户登录以及app登录拦截
仿京东长城系列15------用户注册,SMSSDK集成
仿京东商城系列16------支付SDK集成
仿京东商城系列17------支付功能实现
仿京东商城系列18------xml文件读取(地址选择器)
仿京东商城系列19------九宫格订单展示
仿京东商城系列20------终章
前言
上一更我们了解了支付sdk的基本概念,以及支付sdk的集成方法。接下来我们将利用集成的支付SDK进行模拟支付功能的实现。效果图如下:
内容
页面设计
由于使用第三方的SDK功能已经相当健全,我们只需要自己设计两个页面,一个是新建订单页面,一个是支付结果页面。
新建订单页面
此页面的主要功能为展示新建的订单收货人的所有信息,订单中商品的所有信息,选择支付方式按钮等等等等。展示商品我们使用了一个RecyclerView进行展示商品的图片信息。使用RadioButton,给用户提供单选的付款方式选择框。
详细代码如下:
支付结果页面
我们得到支付结果后,启动这个页面。利用Intent传输支付结果。布局代码十分简单,如下:
功能设计
运行逻辑
当点击去结算按钮时,启动编辑订单页面的Activity,并且将选中的购物车商品信息一并传入,并在编辑订单页面的订单列表展示出传来的商品的图片,并显示总价,最上行可供用户点击后选择收货人信息与地址。(此功能后续完成)。选择支付方式后,点击提交订单后进行支付,利用支付SDK的模拟支付页面,我可以自主选择支付结果,并在支付结果页面进行显示。
代码实现
package com.example.cne_shop.activity;
import android.content.Intent;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.TextView;
import com.example.cne_shop.R;
import com.example.cne_shop.base.BaseActivity;
import butterknife.BindView;
/**
* Created by 博 on 2017/7/26.
*/
public class PayResultActivity extends BaseActivity {
@BindView(R.id.resultText)
TextView resultText ;
@BindView(R.id.resultImg)
ImageView resultButton ;
@BindView(R.id.backHome)
Button button ;
@Override
protected int getContentViewId() {
return R.layout.pay_result_activity;
}
private void addButtonListener(){
button.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
startActivity(new Intent( v.getContext() , ShopMainActivity.class));
finish();
}
});
}
protected void initView(){
Intent intent = getIntent() ;
if (intent != null){
int status = intent.getIntExtra("status" , 0) ;
Log.d("", "initView: status" + status + "---------------------------------------------------");
if(status == NewOrderActivity.ORDER_SUCCESS){
resultText.setText("支付成功");
resultButton.setImageResource(R.drawable.icon_success_128);
}else if(status == NewOrderActivity.ORDER_FAIL){
resultText.setText("支付失败");
resultButton.setImageResource(R.drawable.icon_cancel_128);
}else if (status == NewOrderActivity.ORDER_GONE){
resultText.setText("用户已取消支付");
resultButton.setImageResource(R.drawable.icon_cancel_128);
}
}
}
@Override
protected void addListener() {
addButtonListener() ;
}
@Override
protected void beforLayout() {
}
}
- 其中,这段代码即是调用支付SDK的部分。
private void openPaymentAcitivity(String charge){
Intent intent = new Intent();
String packageName = getPackageName() ;
ComponentName componentName = new ComponentName(packageName , packageName + ".wxapi.WXPayEntryActivity") ;
intent.setComponent(componentName) ;
intent.putExtra(PaymentActivity.EXTRA_CHARGE , charge) ;
startActivityForResult(intent , Contents.REQUEST_ORDER_CODE);
Log.d("----" , "-------------------------------------打开了支付页面") ;
}
- 下面代码是处理返回结果部分:
if (requestCode == Contents.REQUEST_ORDER_CODE){
if (resultCode == Activity.RESULT_OK){
String result = data.getExtras().getString("pay_result") ;
Log.d("----" , "-------------------------------------支付返回" + result) ;
if (result.equals("success"))
changeOrderStatus(ORDER_SUCCESS);
else if (result.equals("fail"))
changeOrderStatus(ORDER_FAIL);
else if (result.equals("cancel"))
changeOrderStatus(ORDER_GONE);
else
changeOrderStatus(0);
}
- 展示结果源码如下,太过简单,不予讨论。
package com.example.cne_shop.activity;
import android.content.Intent;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.TextView;
import com.example.cne_shop.R;
import com.example.cne_shop.base.BaseActivity;
import butterknife.BindView;
/**
* Created by 博 on 2017/7/26.
*/
public class PayResultActivity extends BaseActivity {
@BindView(R.id.resultText)
TextView resultText ;
@BindView(R.id.resultImg)
ImageView resultButton ;
@BindView(R.id.backHome)
Button button ;
@Override
protected int getContentViewId() {
return R.layout.pay_result_activity;
}
private void addButtonListener(){
button.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
startActivity(new Intent( v.getContext() , ShopMainActivity.class));
finish();
}
});
}
protected void initView(){
Intent intent = getIntent() ;
if (intent != null){
int status = intent.getIntExtra("status" , 0) ;
Log.d("", "initView: status" + status + "---------------------------------------------------");
if(status == NewOrderActivity.ORDER_SUCCESS){
resultText.setText("支付成功");
resultButton.setImageResource(R.drawable.icon_success_128);
}else if(status == NewOrderActivity.ORDER_FAIL){
resultText.setText("支付失败");
resultButton.setImageResource(R.drawable.icon_cancel_128);
}else if (status == NewOrderActivity.ORDER_GONE){
resultText.setText("用户已取消支付");
resultButton.setImageResource(R.drawable.icon_cancel_128);
}
}
}
@Override
protected void addListener() {
addButtonListener() ;
}
@Override
protected void beforLayout() {
}
}
如此,我们便成功构建了,支付功能,此页面功能还有一些缺失,将在后面几更进行完善。详细代码请戳页首源码。