移动端屏幕越来越大,但用户对内容量的要求也水涨船高。如何在有限的屏幕内透出更多的内容,是设计师们研究的重点。常用的内容拓展设计有:Y 方向 List 滑动、Z 方向 3D Touch 、入口式内容折叠等。今天想和大家聊的,是其中的“左右横滑”卡片式交互设计。所谓的“左右横滑”交互英文名叫做“Horizontal Scrolling Lists”,最早可能起源于 Windows Phone 的横向
转载 4月前
259阅读
这是Demo链接Demo链接效果图思路1. 界面搭建界面的搭建十分简单,采用UICollectionView和自定义cell进行搭建即可。// ViewController.m // 下面使用到的宏和全局变量 #define ScreenW [UIScreen mainScreen].bounds.size.width #define ScreenH [UIScreen mainScreen].
现在使用卡片效果的app很多,之前公司让实现一种卡片效果,就写了一篇关于实现卡片的文章。文章最后附有demo 实现上我选择了使用UICollectionView ;用UICollectionViewFlowLayout来定制样式;下面看看具体实现效果实现上我选择了使用UICollectionView ;用UICollectionViewFlowLayout来定制样式;下面看看具体实现 具体实现 1
转载 2023-08-28 10:08:22
827阅读
需求:固定高度一个区域,里面左右分页显示很多个图标,在每一页中的图标先从左往右排,排满后再从上往下排。这一页排满后排下一页。 像这样的需求,第一反应是用UICollectionView来写,用UICollectionViewFlowLayout,然后设置为横向的。 但是,显示出来肯定上下上下排版的。下面的图是我借来的。。如果原创的看到这张图莫怪哈。。 这样显示方式就是系统自带的。 我们如
概览       UIScrollView类为显示大于应用程序窗口的内容提供支持。它使得用户可以使用滑动手势来滚动,并可以使用扩张/收缩手势来放大缩小部分内容。       UIScrollView是包括UITableView和UITextView在内的多个UIKit类的父类。&
转载 2023-07-24 23:03:02
181阅读
UICollectionView是一种类似于UITableView但又比UITableView功能更强大、更灵活的视图,这是源于它将UICollectionView对cell的布局交给了UICollectionViewLayout,而且允许用户自定义layout来进行布局。 当UICollectionView显示内容时,先从Data source(数据源)获取cell,然后交给UICol
转载 11月前
223阅读
UICollectionView 横向停止的两种效果。类似于 Airbnb 这款App的首页酒店效果,从最开始的减速停止效果,到现在的分页效果。 本文主要说一下Demo的关键类及代码的使用, 还有算法的大概思路。看下面~ 使用方式  关键类:  注意: Demo类中使用的布局方式是第三方约束 Masonry ,请使用Pods自行
# 如何实现iOS横向滑动TableView ## 概述 作为一名经验丰富的开发者,你可能已经遇到过iOS开发中需要实现横向滑动TableView的情况。现在有一位刚入行的小白开发者向你寻求帮助,不知道该如何实现这一功能。在本文中,我将向你展示如何实现iOS横向滑动TableView的步骤和具体代码。 ## 步骤 首先,让我们通过一个表格来展示整个实现横向滑动TableView的流程:
原创 6月前
73阅读
## iOS 卡片横向滑动 在移动应用开发中,卡片式布局是一种常见的设计模式,它可以提供更好的用户体验和更高的信息密度。iOS 平台上,我们可以使用 UICollectionView 来实现卡片的横向滑动效果。本文将介绍如何使用 UICollectionView 来创建一个简单的卡片横向滑动界面,并附带代码示例。 ### UICollectionView 概述 UICollectionVie
原创 11月前
333阅读
## 实现 iOS UIScrollView 横向滑动的步骤 对于刚入行的小白来说,实现 iOS UIScrollView 横向滑动可能是一个挑战。本文将为你介绍整个实现过程,并提供相应的代码示例和解释。 ### 步骤概览 下面的表格展示了实现横向滑动的步骤概览: | 步骤 | 描述 | | --- | --- | | 1 | 创建 UIScrollView 实例 | | 2 | 设置 U
原创 8月前
393阅读
1、 利用系统自动布局UICollectionViewFlowLayout进行布局。 ViewController1 #import "ViewController1.h" @interface ViewController1 ()<UICollectionViewDataSource, UICol
转载 2016-12-26 10:08:00
139阅读
2评论
# iOS UICollectionView卡片滑动放大特效实现教程 ## 引言 在iOS开发中,UICollectionView是一个非常常用的控件,用于展示一组可滚动的视图。本文将介绍如何在UICollectionView中实现卡片滑动放大的特效。这种特效通过滑动卡片时,卡片会逐渐放大,达到视觉上的效果。 ## 实现步骤 以下是实现这种特效的步骤,我们将通过表格的形式来展示: | 步骤
原创 11月前
908阅读
今天使用UICollectionView+UICollectionViewFlowLayout+UICollectionViewCell做了一个横向滑动查看图片的功能,屏幕中间始终显示一张图片,左右2张缩小显示部分内容。 先看看效果吧。 怎么样,还可以吧。好了,下面分享代码内容。先新建一个UIViewController,View里添加一个UICollectionView,主要代码如下:func
TableView是Cocos-2dx一个实现滑动功能的控件。比如好友列表,可以上下滑动。TableView中的元素叫cell(被滑动的那些对象),每个cell有唯一的idx。常用方法:1.creat(cc.size(x,y)) 创建一个TableView,参数代表TableView大小,返回一个TableView对象 例:local tableView = cc.TableView:creat(
# iOS出现横向滑动条的解决方案 在iOS应用开发中,用户体验至关重要。而当需要在小屏幕上展示大量内容时,横向滑动条便成为了一个实用的选择。本文将详细介绍如何在iOS中实现横向滑动条,并提供相关的代码示例。同时,我们也会使用Mermaid语法展示整体流程图,帮助你更好地理解这个过程。 ## 实现横向滑动条的步骤 在iOS中,我们通常使用`UIScrollView`来实现横向滑动条。以下是实
原创 26天前
3阅读
实现多列表切换,位置监控,置顶等功能。方法一:创建一个TableView,在切换的时候请求各类目需要的数据,然后刷新列表,通过动画模拟出滑动效果。#import <UIKit/UIKit.h> @interface ViewController : UIViewController<UITableViewDataSource,UITableViewDelegate,UIScro
# iOS UICollectionView卡片滑动居左特效 在iOS开发中,我们经常会使用UICollectionView来展示一组数据,而且常常需要对UICollectionView的布局进行一些定制。本文将介绍如何实现一个将UICollectionView的卡片滑动居左的特效,并给出相应的代码示例。 ## 准备工作 在开始之前,我们需要创建一个基本的UICollectionView,并
原创 11月前
288阅读
    在开发中横向滑动我们通常会想到用UICollectionView,确实这个好用,但有时候需求不太明确而且用UICollectionView的头部需要自定义没有UITableView简单,粽子看需求,根据需求决定,但是我们得会这种技能。@interface ViewController ()<UITableViewDelegate,UITable
原创 2018-07-17 17:40:40
5448阅读
1点赞
一、水平布局import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget{ @override Widget build(BuildContext context) { return MaterialApp(
转载 19天前
58阅读
无图无真相,上图。 图片太大了,截掉了点。 界面很简单,就两个view。咳咳首先,要想很容易的理解这部分的代码,应该熟悉android的消息派发机制(尤其是dispatchTouchEvent、onTouchEvent这两个方法),自顶向下树形分发,我转载的上一篇文章对此写的清楚明白,超级赞。<?xml version="1.0" encoding="utf-8"?> <Lin
  • 1
  • 2
  • 3
  • 4
  • 5