知识准备:1 使用xib封装一个自定义view的步骤1> 新建一个继承UIView的自定义view,假设类名叫做(KAppView)2> 新建一个KAppView.xib文件来描述KAppView内部的结构3> 修改UIView的类型为KAppView真实类型4> 将内部的子控件跟KAppView进行属性连线5> KAppView提供一个模型属性6> 重写模型属
# 如何实现 iOS 卡片式轮播开发 iOS 应用时,卡片式轮播是一种非常流行的 UI 设计。这里将一步步引导你如何实现一个简单的卡片式轮播,适用于 Swift 和 UIKit。 ## 实现流程 下面是一个实现卡片式轮播的基本流程表: | 步骤 | 描述 | | ---- | ---- | | 1 | 创建一个空的 iOS 项目 | | 2 | 设置用户界面的基础结构 | |
原创 2024-09-08 05:19:56
234阅读
# 如何实现 iOS 卡片式轮播 在移动应用开发中,卡片式轮播是一种常见的UI表现形式,它以缩略图的方式展示内容,用户可以滑动查看不同的卡片。本文将手把手指导你如何在iOS中实现卡片式轮播,并提供详细的代码示例和注释。 ## 流程概述 下面是实现卡片式轮播的基本步骤: | 步骤 | 描述 | |-------|-------------------
原创 10月前
191阅读
使用ViewPager实现卡片叠加效果背景在开发项目时,需要对 App的某个资源模块进行界面重构,其中在资源展示部分中新的交互以卡片叠加的效果替代了原来的资源组织树门禁展示方式。在新的资源展示方式中,每一个新的卡片都是在最上面的,其顺序以栈的形式存储在内存。卡片支持叠加效果,左右滑动切换到下一页或上一页,且卡片中的资源是以列表的形式展示,支持上下滑动,上拉刷新,下拉加载更多。目前网上存在的卡片布局
转载 2023-09-27 18:55:23
1046阅读
/ 移动端案例轮播$(function () { var imglength; if($('.customers-mobile').length == 1){ //首页 imglength = $('.customers-box-mobile').find('.mo-padding').length $('.custo
原创 2021-09-09 14:27:27
253阅读
/ 移动端案例轮播$(function () { var imglength; if($('.customers-mobile').length == 1){ //首页 imglength = $('.customers-box-mobile').find('.mo-
原创 2022-03-08 16:22:38
568阅读
第一. 界面卡顿的原因在 VSync[1]信号到来后,系统图形服务会通过 CADisplayLink 等机制通知 App,App 主线程开始在 CPU中计算显示内容,影响因素:对象创建;对象调整;对象销毁;布局计算;Autolayout;文本计算;文本渲染;图片的解码;图像的绘制.随后 CPU 会将计算好的内容提交到 GPU 去,由 GPU进行变换、合成、渲染。随后 GPU 会
转载 2024-03-07 19:23:53
111阅读
# Android 层叠卡片式的 Banner 轮播实现 在现代移动应用中,用户体验日益重要,精美的 UI 设计能够显著提升应用的吸引力和易用性。在众多 UI 组件中,轮播(Banner)以其生动的视觉表现和信息展示能力而受到广泛应用。本文将介绍如何在 Android 中实现一个层叠卡片式的 Banner 轮播,并提供代码示例。 ## 1. 项目准备 首先,确保你的 Android 项
原创 7月前
142阅读
卡片正在迅速成为移动设备的最佳设计模式 这种内容的聚合方式是根据: 内容消费的主体,以及他 / 她的兴趣、喜好和行为。 他 / 她的地理位置和环境背景 他 / 她的朋友的兴趣、喜好和行为 目标广告生态环境 如果说这个时代的主要媒介是手机和平板等移动设备的话,那这个时代的主要设计模式将注定是卡片式设计。请看以下案例:Twitter Card Twitter 在今年 4 月份推出了支持更多媒体类
一、概述  移动电话机与SIM卡共同构成移动通信终端设备。无论是GSM系统还是CDMA系统,数字移动电话机用户在“入网”时会得到一张SIM卡(SubscriberIdentityModule)或UIM卡(UserIdentity Module)。SIM卡是一张符合GSM规范的“智慧卡”,可以插入任何一部符合GSM规范的移动电话中,实现“电话号码随卡不随机的功能”,而且通话费用自动计入持卡用户的账单
转载 2023-08-09 15:54:32
221阅读
最近看到一个iOS9的task switcher开源实现,但是没有删除功能,就想着干脆做一个模仿iOS7系统的效果,加上删除和重用卡片功能,效果如下: 这是代码地址:https://github.com/Yuzeyang/GCCardViewController 实现上可以使用scrollView或者collectionView去做,这个我是用scrollView去做功能点上分为
转载 2024-06-16 16:35:44
46阅读
卡片式设计对于我们来说并不陌生,从设计类网站上或市场上的一些 APP 中也会看到很多的卡片式设计的案例,卡片式设计也是 UI 设计中最常用的方式之一。最近在新项目的设计中也尝试使用了卡片式设计,结合实际项目中的一些思考进行总结并归纳出一些卡片式设计的小知识点。同时希望通过本次的总结进行知识沉淀,以及跟大家一起探讨下卡片式设计。1. Feed流卡片式的 feed 流设计是一种非常常见的设计,早在前几
转载 2023-07-01 17:27:05
487阅读
Material Design的色彩Material Design带有一个基准色彩主题,包括浅色模式和深色模式。用户可以直接使用基准主题色彩,也可以自定义基准色彩,然后应用到UI。 同时,深色主题中,应用不同的高度叠加层可以表示不同高度的表面 iOS的色彩动态系统色彩iOS中,苹果官方推荐使用动态系统色彩。动态系统色彩可以按照深色或浅色模式、对比度、不透明度等用户设置自动进
网页布局在很大程度上决定了网站的用户如何和网页内容进行交互,好的网页设计具有很强的实用性和适应性,在布局上我们要选择合适并且让用户满意的设计。   作为设计师的我们更应该遵循网页布局的最佳实践效果,给观者带来最前沿最全新的网页体验,也要随着媒体的发展和技术的提升,来调整网页,做一个让用户满意,体验感超好的网站。   01   卡片式布局   卡片式布局分为两种,一种是每个卡片的尺寸都相同
# Android卡片式 ## 介绍 在Android开发中,卡片式布局是一种常见的设计风格。它通过将内容放置在卡片或面板中,使界面看起来更加整齐和有序。卡片式布局不仅可以用于显示静态内容,还可以用于显示动态内容,例如列表、图像和文本等。 在本文中,我们将介绍如何使用Android的布局和视图来创建卡片式界面。我们将使用布局文件和代码示例来展示如何实现卡片的样式和功能。 ## 创建卡片布局
原创 2023-11-24 06:06:49
190阅读
# 如何实现“Swift卡片式”布局 ## 简介 在开发移动应用时,卡片式布局是一种常见且受欢迎的设计模式。这种布局清晰且易于浏览,适合展示内容,如信息、图片、用户评论等。本文将一步步教你如何在Swift中实现卡片式布局。 ## 实现步骤 下面是实现“Swift卡片式”布局的流程,包括每一项的详细说明。 | 步骤 | 描述 | |------|------| | 1 | 创建项目
原创 10月前
105阅读
六种是指比较常见的图片浏览模式,是在这四种的基础上加上手势来实现另一种读图方式,这里不绝对说就这么几种,那么就谈谈个人对每种图片浏览模式说说自己在实际使用和工作中的一些理解,以及这些模式在实际设计中,哪一种比较适合你的产品。横向铺满一列图片模式一列图片的时候图片比较大,对图片内容的获取是比较好的。目前我们听的最多的就是卡片式设计,比如微博、QQ空间就是卡片式。不过他们是一张或者多张,用这种方式设
今年如约放出了新的iPhone 6与iOS 8系统,SDK针对新的设备和系统的界面适配也进行了若干改进,因此我也想借此机会跟大家分享一下我自己关于界面自动布局的理解,如有错误请不吝指教。 一、视图定位的基本原理视图(View)是一个用于显示内容的矩形区域,它是构成app界面的最基本单元。下图为计算器app的横屏界面,其中每一个计算器按键都是一个视图。在平面直角坐标系中,要准确描述一个矩形
# iOS卡片式切换效果实现指南 ## 简介 在iOS开发中,卡片式切换效果是一种常见的交互方式,通过水平滑动切换卡片,使用户可以浏览不同的内容。本文将介绍如何实现这一效果,帮助刚入行的开发者快速上手。 ## 整体流程 下面是实现iOS卡片式切换效果的整体流程,可以用表格展示每个步骤对应的操作。 | 步骤 | 操作
原创 2024-01-09 07:53:26
402阅读
文件系统的性能2
原创 2021-08-02 14:28:07
813阅读
  • 1
  • 2
  • 3
  • 4
  • 5