无限循环：我们都知道UIScrollView有一种很流畅的切换效果，结合UIPageControl的辅助展示效果，就可以完成一个很不错的产品介绍功能页面。那么像一些购物app中，商品展示页面无限滚动的效果是如何实现的呢？方法1：前后+1方法，这也最常见的一种做法。假如我们有四张需要展示的图片，我们创建了一个数组来保存图片名字，此时数组中保存的是按顺序的1.png，2.png，3.png，4.png
转载
2024-08-08 13:40:47
73阅读
知识准备：1 使用xib封装一个自定义view的步骤1> 新建一个继承UIView的自定义view,假设类名叫做(KAppView)2> 新建一个KAppView.xib文件来描述KAppView内部的结构3> 修改UIView的类型为KAppView真实类型4> 将内部的子控件跟KAppView进行属性连线5> KAppView提供一个模型属性6> 重写模型属
转载
2024-06-28 04:27:25
90阅读
第一. 界面卡顿的原因在 VSync[1]信号到来后，系统图形服务会通过 CADisplayLink 等机制通知 App，App 主线程开始在 CPU中计算显示内容，影响因素:对象创建;对象调整;对象销毁;布局计算;Autolayout;文本计算;文本渲染;图片的解码;图像的绘制.随后 CPU 会将计算好的内容提交到 GPU 去，由 GPU进行变换、合成、渲染。随后 GPU 会
转载
2024-03-07 19:23:53
111阅读
# 如何实现 iOS 卡片式轮播
在移动应用开发中，卡片式轮播是一种常见的UI表现形式，它以缩略图的方式展示内容，用户可以滑动查看不同的卡片。本文将手把手指导你如何在iOS中实现卡片式轮播，并提供详细的代码示例和注释。
## 流程概述
下面是实现卡片式轮播的基本步骤：
| 步骤 | 描述 |
|-------|-------------------
一、概述 移动电话机与SIM卡共同构成移动通信终端设备。无论是GSM系统还是CDMA系统，数字移动电话机用户在“入网”时会得到一张SIM卡（SubscriberIdentityModule）或UIM卡（UserIdentity Module）。SIM卡是一张符合GSM规范的“智慧卡”，可以插入任何一部符合GSM规范的移动电话中，实现“电话号码随卡不随机的功能”，而且通话费用自动计入持卡用户的账单
转载
2023-08-09 15:54:32
221阅读
IC卡是继磁卡之后出现的又一种新型信息工具，是指集成电路卡。公交车卡就是IC卡的一种，一般常见的IC卡采用射频技术与IC卡的读卡器进行通讯。 IC卡按照其组成结构，可以分为一般存储卡、加密存储卡、CPU卡和超级智能卡。1.存储器卡，其内嵌的芯片相当于普通串行EEPROM存储器，这类卡信息存储方便，使用简单，IC卡价格便宜，很多场合可替代磁卡，但由于其本身不具备信息保密功能，因此，只能用于保密性要求
卡片式设计对于我们来说并不陌生，从设计类网站上或市场上的一些 APP 中也会看到很多的卡片式设计的案例，卡片式设计也是 UI 设计中最常用的方式之一。最近在新项目的设计中也尝试使用了卡片式设计，结合实际项目中的一些思考进行总结并归纳出一些卡片式设计的小知识点。同时希望通过本次的总结进行知识沉淀，以及跟大家一起探讨下卡片式设计。1. Feed流卡片式的 feed 流设计是一种非常常见的设计，早在前几
转载
2023-07-01 17:27:05
487阅读
网页布局在很大程度上决定了网站的用户如何和网页内容进行交互，好的网页设计具有很强的实用性和适应性，在布局上我们要选择合适并且让用户满意的设计。 作为设计师的我们更应该遵循网页布局的最佳实践效果，给观者带来最前沿最全新的网页体验，也要随着媒体的发展和技术的提升，来调整网页，做一个让用户满意，体验感超好的网站。 01 卡片式布局 卡片式布局分为两种，一种是每个卡片的尺寸都相同
转载
2023-12-04 19:32:48
109阅读
Material Design的色彩Material Design带有一个基准色彩主题，包括浅色模式和深色模式。用户可以直接使用基准主题色彩，也可以自定义基准色彩，然后应用到UI。 同时，深色主题中，应用不同的高度叠加层可以表示不同高度的表面 iOS的色彩动态系统色彩iOS中，苹果官方推荐使用动态系统色彩。动态系统色彩可以按照深色或浅色模式、对比度、不透明度等用户设置自动进
转载
2023-07-13 07:05:53
252阅读
# 如何实现“Swift卡片式”布局
## 简介
在开发移动应用时，卡片式布局是一种常见且受欢迎的设计模式。这种布局清晰且易于浏览，适合展示内容，如信息、图片、用户评论等。本文将一步步教你如何在Swift中实现卡片式布局。
## 实现步骤
下面是实现“Swift卡片式”布局的流程，包括每一项的详细说明。
| 步骤 | 描述 |
|------|------|
| 1 | 创建项目
# Android卡片式
## 介绍
在Android开发中，卡片式布局是一种常见的设计风格。它通过将内容放置在卡片或面板中，使界面看起来更加整齐和有序。卡片式布局不仅可以用于显示静态内容，还可以用于显示动态内容，例如列表、图像和文本等。
在本文中，我们将介绍如何使用Android的布局和视图来创建卡片式界面。我们将使用布局文件和代码示例来展示如何实现卡片的样式和功能。
## 创建卡片布局
原创
2023-11-24 06:06:49
190阅读
# 如何实现 iOS 卡片式轮播图
在开发 iOS 应用时，卡片式轮播图是一种非常流行的 UI 设计。这里将一步步引导你如何实现一个简单的卡片式轮播图，适用于 Swift 和 UIKit。
## 实现流程
下面是一个实现卡片式轮播图的基本流程表：
| 步骤 | 描述 |
| ---- | ---- |
| 1 | 创建一个空的 iOS 项目 |
| 2 | 设置用户界面的基础结构 |
|
原创
2024-09-08 05:19:56
234阅读
六种是指比较常见的图片浏览模式，是在这四种的基础上加上手势来实现另一种读图方式，这里不绝对说就这么几种，那么就谈谈个人对每种图片浏览模式说说自己在实际使用和工作中的一些理解，以及这些模式在实际设计中，哪一种比较适合你的产品。横向铺满一列图片模式一列图片的时候图片比较大，对图片内容的获取是比较好的。目前我们听的最多的就是卡片式设计，比如微博、QQ空间就是卡片式。不过他们是一张或者多张图，用这种方式设
转载
2024-01-22 11:53:33
154阅读
# iOS卡片式切换效果实现指南
## 简介
在iOS开发中，卡片式切换效果是一种常见的交互方式，通过水平滑动切换卡片，使用户可以浏览不同的内容。本文将介绍如何实现这一效果，帮助刚入行的开发者快速上手。
## 整体流程
下面是实现iOS卡片式切换效果的整体流程，可以用表格展示每个步骤对应的操作。
| 步骤 | 操作
原创
2024-01-09 07:53:26
402阅读
卡片正在迅速成为移动设备的最佳设计模式 这种内容的聚合方式是根据： 内容消费的主体，以及他 / 她的兴趣、喜好和行为。 他 / 她的地理位置和环境背景 他 / 她的朋友的兴趣、喜好和行为 目标广告生态环境 如果说这个时代的主要媒介是手机和平板等移动设备的话，那这个时代的主要设计模式将注定是卡片式设计。请看以下案例：Twitter Card Twitter 在今年 4 月份推出了支持更多媒体类
转载
2024-08-22 10:44:32
20阅读
文件系统的性能2
原创
2021-08-02 14:28:07
813阅读
有时候我们见到过App上有那种和卡片一样的布局,自定义的话太麻烦,于是有了大佬给我们集成了第三方,CardView卡片式布局设计CardView简介CardView继承自FrameLayout类.CardView是一种卡片视图，主要是以卡片形式显示内容.CardView功能CardView实现在一个卡片布局中显示相同的内容，卡片布局可以设置圆角和阴影，还可以布局其他的View。CardView即可
转载
2023-11-05 22:09:37
132阅读
在互联网产品中，除了内容型外，一些功能型的产品信息内容也是相当巨大的，特别是管理控制系统，业务管理、功能操作、数据展示等。在信息量这么大的页面中除了重视内容质量外，形式功能的组织与呈现也是同等重要，对提高用户获取有效信息的效率有着非常大的帮助。形式功能的组织与呈现其实讲的是设计排版上的问题，当然对设计师排版功力也有相当的要求。这种排版优化的方法有很多种，我这里主要围绕卡片式设计的理论进行深入探讨，
转载
2023-12-17 11:25:41
18阅读
卡片设计在界面中已经是非常常见的一种设计形式，大家做设计时几乎都会用到。关于卡片设计的文章网上已经有很多了，今天我想从我自己的经验来总结卡片设计的细节要点，期望能给大家总结一些快速提升卡片设计效果的方法。 1、卡片的造型 1)圆角不同的圆角，所带来的气质是不同的。圆角很小，视觉印象是硬朗，高冷，具有攻击性的，多用于严肃、高端、冲突感强烈的设计中;而更大的圆角给人的感觉是有亲和力，柔软，安全
转载
2023-09-10 18:24:05
250阅读
# 如何实现 jQuery 卡片式表格
在这篇文章中，我们将学习如何利用 jQuery 创建一个卡片式表格。卡片式表格相较于传统表格，更加友好，适用于移动设备，使数据展示更有吸引力。以下是我们将要完成的步骤流程：
## 步骤流程
```mermaid
flowchart TD
A[准备工作] --> B[引入jQuery和CSS样式]
B --> C[创建HTML结构]
C --
