RecyclerView实现仿支付宝充值界面

参考博客:https://www.jianshu.com/p/b4bb52cdbeb7
非常感谢上面这位博主的博客给了我非常好的灵感!!!
下面我就先贴一下效果图:
效果图
布局代码:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:orientation="vertical"android:padding="20dp"tools:context=".MainActivity"><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="充值账户" /><EditTextandroid:id="@+id/edt_phone"android:layout_width="match_parent"android:layout_height="wrap_content"android:hint="充值号码"android:inputType="phone"android:maxLength="11" /></LinearLayout><androidx.recyclerview.widget.RecyclerViewandroid:id="@+id/rv_recharge"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginTop="20dp"android:background="#fff" /><Buttonandroid:id="@+id/btn_recharge"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginTop="10dp"android:text="充值"android:textSize="20sp" />
</LinearLayout>

activity代码:

public class MainActivity extends AppCompatActivity implements View.OnClickListener {private int[] ints = new int[]{1, 5, 10, 20, 50, 100};private ItemAdapter itemAdapter;private EditText edt_phone;private RecyclerView rv_recharge;private Button btn_recharge;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);initView();GridLayoutManager layoutManager = new GridLayoutManager(this, 3);rv_recharge.setLayoutManager(layoutManager);itemAdapter = new ItemAdapter(ints);rv_recharge.setAdapter(itemAdapter);}private void initView() {edt_phone = (EditText) findViewById(R.id.edt_phone);rv_recharge = (RecyclerView) findViewById(R.id.rv_recharge);btn_recharge = (Button) findViewById(R.id.btn_recharge);btn_recharge.setOnClickListener(this);}private void submit() {// validateString phone = edt_phone.getText().toString().trim();if (TextUtils.isEmpty(phone)) {Toast.makeText(this, "充值号码不能为空", Toast.LENGTH_SHORT).show();return;}// TODO validate success, do somethingint index = itemAdapter.getPositionIndex();String money = ints[index] + "元";Toast.makeText(this, "充值账户:" + phone + " 充值金额:" + money, Toast.LENGTH_SHORT).show();}@Overridepublic void onClick(View v) {switch (v.getId()) {case R.id.btn_recharge:submit();break;}}
}

adapter代码:

public class ItemAdapter extends RecyclerView.Adapter<ItemAdapter.ViewHolder> {private int[] ints;private int positionIndex = -1;public ItemAdapter(int[] ints) {this.ints = ints;}@NonNull@Overridepublic ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {final View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item, parent, false);final ViewHolder holder = new ViewHolder(view);holder.tv_item.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {int position = holder.getAdapterPosition();positionIndex = position;Toast.makeText(view.getContext(), ints[position] + "元", Toast.LENGTH_SHORT).show();notifyDataSetChanged();}});return holder;}@Overridepublic void onBindViewHolder(@NonNull ViewHolder holder, int position) {holder.tv_item.setText(ints[position] + "元");if (position == positionIndex) {//选中holder.tv_item.setTextColor(Color.WHITE);holder.tv_item.setBackgroundColor(Color.DKGRAY);} else {//未选中holder.tv_item.setTextColor(Color.BLACK);holder.tv_item.setBackgroundColor(Color.WHITE);}}@Overridepublic int getItemCount() {return ints.length;}static class ViewHolder extends RecyclerView.ViewHolder {View view;TextView tv_item;public ViewHolder(@NonNull View itemView) {super(itemView);this.view = itemView;tv_item = (TextView) view.findViewById(R.id.tv_item);}}//返回选中的idpublic int getPositionIndex() {return positionIndex;}
}

代码做的比较简洁,如有不合理的地方。欢迎指正,请多多指教
下面放了demo地址,因为考虑到有时候会有一些网路问题。所以就放了一个码云地址

GitHub demo地址:https://github.com/shI-215/RechargeApplication.git
码云demo地址:https://gitee.com/oji/RechargeApplication.git

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://xiahunao.cn/news/354014.html

如若内容造成侵权/违法违规/事实不符,请联系瞎胡闹网进行投诉反馈,一经查实,立即删除!

相关文章

JAVA端实现支付宝充值

2019独角兽企业重金招聘Python工程师标准>>> 前言&#xff1a;用户充值到平台 GitHub地址&#xff1a;https://github.com/wubiaowp/SpringCloud2.0.git 一、申请开发者账号-APPID、商户私钥、支付宝公钥、配置回调地址&#xff08;配置沙箱环境-测试&#xff09; 二…

discuz网站没备案无执照接入支付宝充值功能

discuz个人网站没备案无执照接入支付宝充值功能 文章目录 事情是这样的一、支付宝当面付是什么&#xff1f;二、如何申请当面付接口1.登录 支付宝商家中心2.点击“产品中心”&#xff0c;支付产品中选择当面付3.点击“立即开通”4.按步骤填写 三、创建应用及生成公钥和私钥1.登…

android约束布局充值页面,Android学习之RecylerView实习仿支付宝充值界面

今天周末&#xff0c;闲来无事&#xff0c;做了一个仿支付宝充值界面&#xff0c;主要知识点用RecylerView的GridlayoutManager布局管理器&#xff0c;实现不同数据类型&#xff0c;填充不同布局&#xff0c;功能包括单击选中&#xff0c;双击取消&#xff0c;支持可输入金额等…

DISCUZ插件微信支付宝充值积分69.220517最新版【收集免费】

DISCUZ应用中心成熟的微信支付宝积分充值插件&#xff0c;拥有大批使用的站长用户&#xff0c;稳定运行于用于各类站点&#xff0c;反馈优秀&#xff0c;收益丰厚&#xff1b; 一直被模仿&#xff0c;从未被超越。 DZ的积分体系功能已经十分强大&#xff0c;可以做很多事&…

Django对接支付宝实现支付宝充值金币功能示例

很多网站里都有金币、积分之类的虚拟货币&#xff0c;获取这些往往需要充值。那么问题来了&#xff0c;如何在Django中对接支付宝实现支付宝充值金币的功能呢&#xff1f;网上很多资料都是电商的&#xff0c;那些都会带有订单系统之类比较复杂&#xff0c;而充值金币功能不需要…

第9章集 合

文章目录 9.1 Java集合框架9.1.1 集合接口与实现分离9.1.3 迭代器9.1.4 泛型实用方法 9.2 集合框架中的接口9.3.1 链表9.3.2 数组列表9.3.3散列集9.3.4 树集9.3.5 队列与双端队列9.3.6 优先队列 9.4 映射9.4.1 基本映射操作9.4.2 更新映射条目9.4.3 映射视图9.4.4 弱散列映射9.…

MySQL数据库性能优化技巧介绍

MySQL是目前最流行和广泛使用的开源关系型数据库之一&#xff0c;随着数据量的增长和访问负载的提高&#xff0c;优化数据库性能变得至关重要&#xff0c;以确保系统能够高效地处理大量的并发请求。本文将记录一些MySQL数据库性能优化的技巧&#xff0c;提高数据库的运行效率&a…

基于kubesphere的k8s环境部署单点版本的rook-ceph

文章目录 前言一、rook-ceph是什么&#xff1f;二、开始部署1.环境准备2.软件包准备3.下载rook-ceph文件4. 部署operator5.创建ceph集群6.创建工具容器&#xff0c;检查集群状态7.准备dashboard的nodeport端口映射服务8.准备prometheus的metric端口映射服务 总结 前言 基于kub…

记录使用Echarts-gl实现3D地图

一、前言 最近项目需要做个大屏展示的&#xff0c;开始做了第一版用户觉得地图太过于单调了&#xff0c;给我发了一个视频&#xff0c;让我参考着做。我看着视频上的地图旋转了方向、地图有标记、看着像是3D的&#xff08;视频上的地图使用多个图层叠加起来、CSS样式做了旋转&…

Warning: [antd: Menu] `children` will be removed in next major version. Please use `items` instead.

Warning: [antd: Menu] children will be removed in next major version. Please use items instead. andt 更新导致警告 https://ant.design/components/menu-cn/ 在 4.20.0 版本后&#xff0c;我们提供了 的简写方式&#xff0c;有更好的性能和更方便的数据组织方式&#x…

关于remove的用法

java中remove的用法要密切注意自己调用的remove()方法中的&#xff0c;传入的是int类型还是一个对象。 比如上面的程序&#xff0c;list1是一个长度为4的list&#xff0c;list2是1个长度为1的list&#xff0c;但是由于list2.get(0)是一个integer 对象&#xff0c;所以会直接删…

Spring中Bean初始化和销毁的多种方式

Spring中Bean初始化和销毁的多种方式 一、Bean的多种初始化方式1.PostConstruct注解2.实现InitializingBean接口3.声明init-method方法 二、Bean的多种销毁方式1.PreDestroy注解2.实现DisposableBean接口3.声明destroy-method方法 三、总结 Spring中支持在Bean的加载时声明初始…

LayaAir destroy 销毁与 removeChild 移除节点

目录 destroy 释放内存 编码示例 removeChild 移除节点 destroy 销毁节点 1、JavaScript 运行时无法启动垃圾回收器&#xff0c;要确保一个对象能够被回收&#xff0c;需要删除对该对象的所有引用。Sprite 提供的 destory() 方法会帮助设置对象内部引用为 null。 2、例如…

Javascript removeChild()不能删除全部子节点的解决办法

在Javascript中&#xff0c;只提供了一种删除节点的方法&#xff1a;removeChild()。 removeChild() 方法用来删除父节点的一个子节点。 语法&#xff1a; parent.removeChild(thisNode) 参数说明&#xff1a; 参数 说明 thisNode 当前节点&#xff0c;即要删除的节点 parent 当…

CSDN 每日一练用例数据缺失了怎么办?

CSDN 每日一练用例数据缺失了怎么办&#xff1f; 引子1、用例与结果不匹配2、阅读理解困难3、用例数据缺失 用例数据缺失&#xff0c;却有人 AC &#xff1f;神奇的 c28761 津津的储蓄计划70093 近视的小张 小结最后的吐槽 引子 老顾最近几个月经常在 CSDN 举办的周赛上浑水摸…

Spring中bean的初始化和销毁几种实现方式详解

关联博文&#xff1a;Spring中Bean的作用域与生命周期 Bean的生命周期 &#xff1a; 创建bean对象 – 属性赋值 – 初始化方法调用前的操作 – 初始化方法 – 初始化方法调用后的操作 – …-- 销毁前操作 – 销毁方法的调用。 先放一张图吧。 【1】init-method和destroy-me…

js-removeChild()

下面给大家介绍Javascript removeChild()删除节点的方法&#xff0c;具体详情如下所示&#xff1a; 在Javascript中&#xff0c;只提供了一种删除节点的方法&#xff1a;removeChild()。 removeChild() 方法用来删除父节点的一个子节点。 语法&#xff1a; parent.removeCh…

删除节点removeChild()

removeChild() 方法从子节点列表中删除某个节点。如删除成功&#xff0c;此方法可返回被删除的节点&#xff0c;如失败&#xff0c;则返回 NULL。 语法: nodeObject.removeChild(node) 参数: node &#xff1a;必需&#xff0c;指定需要删除的节点。 我们来看看下面代码&a…

Js removeChild、addChild

1. <html><head><meta http-equiv"Content-Type" content"text/html; charsetUTF-8"><title>添加删除记录练习升级</title><link rel"stylesheet" type"text/css" href"ex_2_style/css.css&qu…

【注意】js 里面 removeChild 使用的坑

这有坑啊&#xff0c;使用removeChild 循环删除 子元素们的时候 是【0】而不是【i】 这是因为 你每次删完一个 子元素们的 下标就会发生改变 比如 allSpan【0】 allSpan【1】 removeChild(allSpan【0】) 以后 &#xff0c;allSpan【1】 就不再是 allSpan【1】了&#xff0c;…