九宫格的计算方法

九宫格

1.首先确认需要显示的列数

2.设置第一个控件的宽,高

3.通过已知列数和第一个控件的x.y值算出间距间距 = (控制器宽度 - 列数 * 控件宽度) / (列数+1)

4.计算某个控件行号 = 控件序列数 / 列数

5. 计算某个控件列号 = 控件序列数 % 列数

6.那么第N个控件的X值 = 间距 + 列号 *(第一个控件的宽度 +间距)

由此可见列号决定X的值

7. 那么第N个控件的Y值 = 间距 + 行号 *(第一个控件的高度 + 间距)

由此可见行号决定Y的值

时间： 2024-11-10 01:05:16

九宫格的计算方法的相关文章

ios开发-UI基础-应用管理(单纯界面)

功能分析以九宫格的形式展示应用信息点击下载按钮后,做出相应操作(弹出一个提示"正在下载",相应应用的下载按钮变为"已下载") 步骤分析搭建UI界面加载应用信息根据应用的个数创建对应的view 监听下载按钮的点击应用截图: 这个小的综合实例涉及到的知识点: UIView的常见属性和方法九宫格的计算方法字典转模型 xib的使用 view的封装简单的MVC 九宫格分析: 搭建九宫格的步骤明确每一块用的是什么view 明确每个view之间的父子关系先尝

IOS 开发学习笔记-基础 UI（10）九宫格布局，块动画，字典转模型，Xib使用

大概如下图示:九个应用图标的样子功能分析 (1)以九宫格的形式展示应用信息 (2)点击下载按钮后,做出相应的操作步骤分析 (1)加载应用信息 (2)根据应用的个数创建对应的view (3)监听下载按钮点击思路整理要在支持文件夹里,放入 plist 文件,且拖拽素材到 supporting files,注意勾选的项目的区别: 大多数情况,往项目中拖拽素材时,通常选择 Destination, Folders:选择第一项:创建组,这样 xcode 导航显式的是黄色文件夹,要知道,Xcode中

iOS开发——完整项目实战OC篇&项目总结之九宫格布局双语实现

项目总结之九宫格布局双语实现九宫格布局创建子控件 Objective-C版的实现 1 2 // 按钮 3 // 数据 4 NSArray *images = @[@"publish-video", @"publish-picture", @"publish-text", @"publish-audio", @"publish-review", @"publish-offline"];

IOS 自定义按钮（代码实现）＋九宫格

在一些下载应用里整个页面都是按钮,有好多好多,但是仔细观察不难发现他们很有规律.就像下面一样?? 很有规律的排列在屏幕上,那么这需要我们怎么去做能. 正如标题,我们需要了解两个知识点,分别是自定义按钮和九宫格,九宫格是一种算法.在这里我给大家列出方法,并不过多解释,希望会对大家有帮助. 代码如下: 自定义按钮部分 // // CXButton.m // CX-自定义按钮(代码实现)+九宫格 // // Created by ma c on 16/3/18. // Copyright ? 2016

GridView和SimpleAdapter九宫格作业

安卓作业: 使用GridView和SimpleAdapter实现手机界面常见的九宫格,图片可以任意选择,注意图片大小 1,主xml文件 <?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.an

html : 九宫格(响应式)

talk is cheap, show you the code : <!DOCTYPE html> <html> <head> <title>html5响应式九宫格</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" cont

《Java语言程序设计》大作业报告九宫格游戏

<Java语言程序设计>大作业报告中国石油大学(北京)2015 - 2016 学年第二学期班级:_____计算机14-1_______ 姓名:_____ 许恺_________________ 学号:______2014011329___________ 题意分析程序首先需要九个可以移动的格子,大小相等,有字符串标示,其次要可以相应鼠标和键盘方向键的控制,可以自由移动,并且与此同时记录步数,最后在满足条件时弹出对话框并显示步数以及是否打破记录,关于打破

iOS开发UI篇——九宫格坐标计算

一.要求完成下面的布局二.分析寻找左边的规律,每一个uiview的x坐标和y坐标. 三.实现思路 (1)明确每一块用得是什么view (2)明确每个view之间的父子关系,每个视图都只有一个父视图,拥有很多的子视图. (3)可以先尝试逐个的添加格子,最后考虑使用for循环,完成所有uiview的创建 (4)加载app数据,根据数据长度创建对应个数的格子 (5)添加格子内部的子控件 (6)给内部的子控件装配数据四.代码示例 // // YYViewController.m // 九宫格练习

纯代码方式实现九宫格布局

功能分析: 1> 以九宫格的形式展示应用信息 2> 点击下载按钮后, 做出相应的操作分析: 1> 找出九宫格布局的规律, 设置每个控件的x和y - y值: 用行号决定; 取整运算(控件索引/九宫格布局的列数) - x值: 用列号决定; 取模运算(控件索引%九宫格布局的列数) 2> 每个控件中包含若干子控件, 考虑用view进行包装, 便于计算 3> 抽取九宫格布局中的重要数据, 便于布局的修改代码实现: 1 #import "ViewController.h&q