Android仿支付宝九宫图效果

2023-10-14 12:10

本文主要是介绍Android仿支付宝九宫图效果,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

相信使用过支付宝的朋友,都应该对支付宝的九宫图导航印象深刻吧!今天,咱们就来讨论这九宫图效果的制作,废话不多说,先看预览效果图:
                                                  
可以看到,不仅有优美的边框线条,还有单击每项时的背景渐灰效果,项目代码下载地址: 单击下载
          其实仔细分析,这个效果的实现是非常简单的,就是一个GridView就可以了嘛!有的朋友可能要问了:GridView设置不了每项的边框吧!是的,确实是设置不了,但是我们可以在每个item里设置啊,具体code如下:
<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" ><LinearLayoutandroid:layout_width="fill_parent"android:layout_height="fill_parent"android:background="@drawable/bg"android:gravity="center"android:orientation="vertical" ><ImageViewandroid:id="@+id/imgView"android:layout_width="58dip"android:layout_height="58dip"android:layout_marginTop="10dip"android:src="@drawable/app_aapay" /><TextViewandroid:id="@+id/tv"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginBottom="10dip"android:layout_marginTop="10dip"android:text="当面支付" /></LinearLayout></LinearLayout>


这是GridView加载的item的布局文件,可以看到每个item里容器LinearLayout中设置了 background="@drawable/bg",我们再看看bg.xml代码:
<selector xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:shape="rectangle"><item android:state_focused="true"><shape><stroke android:width="1dip" android:color="#ffd3dde6" /><solid android:color="#ffe8ecef" /></shape></item><item android:state_pressed="true"><shape><stroke android:width="1dip" android:color="#ffd3dde6" /><solid android:color="#ffe8ecef" /></shape></item><item><shape><stroke android:width="1dip" android:color="#ffd3dde6" /><solid android:color="#fff" /></shape></item></selector>


可以看出,GridView的关键效果都在这个文件中了,默认时,有着宽度为1px,颜色为#ffd3dde6的边框.当某一项被按下或获取焦点时,该项背景就会改变。

     这个效果的实现还是比较简单的,如果还有不清楚的地方,可以下载源码体会一下。最后欢迎大家和我一起讨论学习,一起提高!

这篇关于Android仿支付宝九宫图效果的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/210414

相关文章

Android中Dialog的使用详解

《Android中Dialog的使用详解》Dialog(对话框)是Android中常用的UI组件,用于临时显示重要信息或获取用户输入,本文给大家介绍Android中Dialog的使用,感兴趣的朋友一起... 目录android中Dialog的使用详解1. 基本Dialog类型1.1 AlertDialog(

Android Kotlin 高阶函数详解及其在协程中的应用小结

《AndroidKotlin高阶函数详解及其在协程中的应用小结》高阶函数是Kotlin中的一个重要特性,它能够将函数作为一等公民(First-ClassCitizen),使得代码更加简洁、灵活和可... 目录1. 引言2. 什么是高阶函数?3. 高阶函数的基础用法3.1 传递函数作为参数3.2 Lambda

Android自定义Scrollbar的两种实现方式

《Android自定义Scrollbar的两种实现方式》本文介绍两种实现自定义滚动条的方法,分别通过ItemDecoration方案和独立View方案实现滚动条定制化,文章通过代码示例讲解的非常详细,... 目录方案一:ItemDecoration实现(推荐用于RecyclerView)实现原理完整代码实现

Android App安装列表获取方法(实践方案)

《AndroidApp安装列表获取方法(实践方案)》文章介绍了Android11及以上版本获取应用列表的方案调整,包括权限配置、白名单配置和action配置三种方式,并提供了相应的Java和Kotl... 目录前言实现方案         方案概述一、 androidManifest 三种配置方式

Android WebView无法加载H5页面的常见问题和解决方法

《AndroidWebView无法加载H5页面的常见问题和解决方法》AndroidWebView是一种视图组件,使得Android应用能够显示网页内容,它基于Chromium,具备现代浏览器的许多功... 目录1. WebView 简介2. 常见问题3. 网络权限设置4. 启用 JavaScript5. D

Android如何获取当前CPU频率和占用率

《Android如何获取当前CPU频率和占用率》最近在优化App的性能,需要获取当前CPU视频频率和占用率,所以本文小编就来和大家总结一下如何在Android中获取当前CPU频率和占用率吧... 最近在优化 App 的性能,需要获取当前 CPU视频频率和占用率,通过查询资料,大致思路如下:目前没有标准的

SpringBoot基于沙箱环境实现支付宝支付教程

《SpringBoot基于沙箱环境实现支付宝支付教程》本文介绍了如何使用支付宝沙箱环境进行开发测试,包括沙箱环境的介绍、准备步骤、在SpringBoot项目中结合支付宝沙箱进行支付接口的实现与测试... 目录一、支付宝沙箱环境介绍二、沙箱环境准备2.1 注册入驻支付宝开放平台2.2 配置沙箱环境2.3 沙箱

Vue项目的甘特图组件之dhtmlx-gantt使用教程和实现效果展示(推荐)

《Vue项目的甘特图组件之dhtmlx-gantt使用教程和实现效果展示(推荐)》文章介绍了如何使用dhtmlx-gantt组件来实现公司的甘特图需求,并提供了一个简单的Vue组件示例,文章还分享了一... 目录一、首先 npm 安装插件二、创建一个vue组件三、业务页面内 引用自定义组件:四、dhtmlx

Android开发中gradle下载缓慢的问题级解决方法

《Android开发中gradle下载缓慢的问题级解决方法》本文介绍了解决Android开发中Gradle下载缓慢问题的几种方法,本文给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧... 目录一、网络环境优化二、Gradle版本与配置优化三、其他优化措施针对android开发中Gradle下载缓慢的问

Android 悬浮窗开发示例((动态权限请求 | 前台服务和通知 | 悬浮窗创建 )

《Android悬浮窗开发示例((动态权限请求|前台服务和通知|悬浮窗创建)》本文介绍了Android悬浮窗的实现效果,包括动态权限请求、前台服务和通知的使用,悬浮窗权限需要动态申请并引导... 目录一、悬浮窗 动态权限请求1、动态请求权限2、悬浮窗权限说明3、检查动态权限4、申请动态权限5、权限设置完毕后