iOS实现简单图文混排效果
在很多新闻类或有文字展示的应用中现在都会出现图文混排的界面例如网易新闻等，乍一看去相似一个网页，其实这样效果并非由UIWebView 加载网页实现。现在分享一种比较简单的实现方式
iOS sdk中为我们提供了一套完善的文字排版开发：CoreText。CoreText库中提供了很多的工具来对文本进行操作，例如CTFont、CTLine、CTFrame等。利用这些工具可以对文字字体每一行每一段落进行操作。
此例中默认图片都在右上方，且为了美观和开发简便设定所占宽度都相同。
1.&&&&&&&& 首先，需要引入CoreText库
在需要使用的类文件中添加#import &CoreText/CoreText.h&头文件。
2.&&&&&&&& 设置文本的参数
创建一个NSMutableAttributedString对象，包含所需展示的文本字符串。这样就可以对其进行设置了。通过CTFontCreateWithName函数创建一个CTFont对象，利用NSMutableAttributedString对象的addAttribute方法进行设置。类似的方法可以设置字间距。
对其方式与行间距的设置方式：
// 文本对齐方式&
&&& CTTextAlignment alignment = kCTLeftTextA&
&&& CTParagraphStyleSetting alignmentS&
&&& alignmentStyle.spec = kCTParagraphStyleSpecifierA&
&&& alignmentStyle.valueSize = sizeof(alignment);&
&&& alignmentStyle.value = &&
&// 创建设置数组&
&&&&&&&&&&& CTParagraphStyleSetting settings[] ={alignmentStyle};&
CTParagraphStyleRef style = CTParagraphStyleCreate(settings, 1);&
同样使用addAttribute设置字符串对象。这样的方法还可以设置行间距，段间距等参数。
3.&&&&&&&& 计算图片所占高度。图片可以使用UIImageView 来进行显示。很容易便可获取每张图片所占总高度。
4.&&&&&&&& 由于图片宽度是固定的这样就可以计算每行文字缩短的字数。只要文本的总体高度低于图像总高度则文字长度都是缩短的。用CTTypesetterSuggestLineBreak函数动态的计算每一行里的字数，因为每一行里面的中文字、标点符号、数字、字母都不一样所以可以显示的字数肯定也是不同的，所以需要作这样的计算。这样循环直至文本结束，就可以知道有多少行字了。再根据字体高度和行间距得出总的文本高度，如果文本高度大于图片总高度那么显示区域的Frame高度就是文本的高度，反之亦然。
5.&&&&&&&& 绘制文本：
设置每一行绘制文本的区间：
CFRange lineRange = CFRangeMake(currentIndex, lineLength);&
建立文本行对象&
CTLineRef line = CTTypesetterCreateLine(typeSetter, lineRange);&
CGFloat x = [self textOffsetForLine:line inRect:self.bounds];&
// 设置一行的位置&
CGContextSetTextPosition(context, x, y);&
// 绘制一行文字&
&&& CTLineDraw(line, context);&
6.&&&&&&&& 其他功能：
在完成文本绘制功能后可以加入调整文字大小的功能，和图片的放大的功能。
文字大小可以通过直接设置字体大小后重新绘制文本来实现。
图片放大可以在视图上添加一个新的UIImageView 来展示放大后的图片，并且加入动画效苹果6plus界面怎么排版好看_百度知道
苹果6plus界面怎么排版好看
并大幅提升暗光下的拍照效果，但却非常显著。前者使用软件防抖。具体到待机时间，所以iPhone 6 Plus的续航时间超过iPhone 6。具体长出多久还要取决于用户使用设备的方式4800左右吧显示屏iPhone 6 Plus的屏幕不仅更大，具备401ppi的超高像素密度。摄像头iPhone 6与iPhone 6 Plus的摄像头只有一个区别，后者使用光学防抖。配合着新的A8处理器，但二者的差异非常显著。苹果自称iPhone 6支持14小时的3G通话，iPhone 6 Plus则可以在此基础上延长10小时。iPhone 6的视频播放时间只有11小时，iPhone 6 Plus则可以达到14小时。电池续航更大的手机意味着更大容量的电池、陀螺仪和M8动作协处理器，iPhone 6 Plus中的光学防抖技术可以通过摄像头的精确移动来抵消手部的震动，从而拍出更加锐利的照片。它还可以降低主体运动。而尺寸较小的iPhone的像素密度只有326ppi，效果也更锐利。它的分辨率与全高清电视机相同，iPhone 6为10天，iPhone 6 Plus长达16天
采纳率：97%
为您推荐：
其他类似问题
您可能关注的内容
排版的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。这个小技巧教你如何快速整理iOS的主界面
[摘要]通过还原主屏幕布局后，iPhone主界面中所有的图标就会按照你第一次打开iPhone时那样排列，而那些第三方应用则将按照字母顺序进行排列。
腾讯数码讯（Hamish）如何整理好杂乱无章的手机界面对每一名用户来说都是一件难题。通常情况下，你每隔一段时间就会对桌面上的应用进行细致地分类。但是往往几周之后，这些应用就又回到了无序的状态。
来源：QQ播客
幸运的是，现在这个问题有了一个终极解决办法——你可以从设置菜单中对这些应用进行重置。重置之后，这些应用就会按照你第一次打开iPhone时那样排列，那些第三方应用则将按照字母顺序进行排列。只需以下几步，你就可以将iPhone的主界面变为一张“白纸”，具体操作如下。1、首先让我们来看一下左边的桌面，是不是非常的整洁？你可以想象它之前是怎样的混乱吗？好吧，先来我们进入“设置”的“通用”界面。2、在“通用”中，找到“还原”。3、向下滑动，找到“还原主屏幕布局”，点击之后选择“还原”，然后按下Home键回到主界面。4、这时候你就会发现，苹果的预装应用已经回到了第一次开机时的状态，而后面的第三方应用也已经根据名称按顺序排好。来源：
[责任编辑：jionghuima]
还能输入140字
Copyright & 1998 - 2018 Tencent. All Rights Reserved您的位置：
新手教程：iPhone桌面图标排序两种方法
排序图标分为两种方法分别为手机上排序以及iTunes进行排序。使用手机排序首先我们进入到手机主屏幕，即程序图标页面。
一、在手机上排序
1. 需要按住任意一个屏幕图标，直至图标出现左右摆动的情况。随机选择图标移动到想要排序的位置即可。
图标抖动之后，按住想要移动的Appstore
移动之后，松开按住的手指即可
2. 按下iPhone的主屏幕按键便会存储排序。
二、使用iTunes进行排序
使用iTunes排序我们首先使用数据线进入连接电脑，打开iTunes程序选择您的iPhone设备(连接会自动切换)，选择界面中央的一行标签里的&应用程序&标签，随后主屏幕便会出现，这时我们用鼠标拖动便可以进行排列，之后点击同步，将排序同步到你的iPhone上。实际上，两种排序方式各有优缺点，建议比较少的排序使用手机，对于数目较多的整理则建议使用iTunes进行排列。
使用iTunes排列图标
另外，如果您需要将一个程序图标移动到另一屏上，可以点选应用程序图标出现动态效果后，移动图标到屏幕边缘放置1秒后，屏幕便会转移到下一个屏上。如果您只有两个屏，你想创建第三屏，使用上述方法将任意一个程序移动到第二屏边缘保持1秒后系统会自动创建第三屏。
换屏及増屏演示
教程补充：在排序的过程中，肯定有大家不常使用到的应用，或者不想让人发现的APP，那么在不的情况下如何隐藏这些应用呢？推荐参考教程
来源：APP111
信息也是生产力，精简才是硬道理！情报猎手带你突破信息迷雾，每日独家为您锁定最有价值的IT行业新鲜事。打开微信，扫描关注，赢取每月粉丝奖！iphone手机界面尺寸规范是怎样的？
输入手机号码，报价结果将发送到您手机
装修顾问-馨馨
4年行业经验，24h可咨询
10秒闪电通过好友
报价短信已发送到您的手机
因材料品牌及工程量不同，具体报价以量房实测为准
稍候装修管家将回电您，免费提供装修咨询服务
您的装修预算约
*装修管家将回电您，免费提供装修咨询服务
*装修管家将回电您，免费提供装修咨询服务
*因材料品牌及工程量不同，具体报价以量房实测为准
装修顾问 -馨馨
（四年装修行业经验）
微信扫一扫
3.&您家小区名称 :&&
请选择您家的装修时间
iphone手机界面尺寸规范是怎样的？
提问者：元淑慧| 地点：
| 浏览次数：
372| 时间：
我来帮他解答
还可以输入1500字
已有4条回答
回答数：31767
| 被采纳数：74
初代iPhone
2007年，初代iPhone发布，屏幕的宽高是 320 x 480 像素。下文也是按照宽度，高度的顺序排列。这个分辨率一直到iPhone 3GS也保持不变。
那时编写iOS的App(应用程序)，只支持绝对定位。比如一个按钮(x, y, width, height) = (20, 30, 40, 50)，就表示它的宽度是40像素，高度是50像素，放在(20, 20)像素的位置。
2010年，iPhone 4发布，率先采用Retina显示屏，在屏幕的物理尺寸不变的情况下，像素成倍增加，达到 640 x 960 像素。
这样就出现一个问题，怎么让原有的App运行在新的手机上面？iPhone手机一个优势，就是有众多优秀的App，假如不兼容原有的App，就相当于放弃这个得来不易的优势，是很不明智的。
每当iPhone的屏幕有所变化，比如iPhone 3GS过渡到iPhone 4, iPhone 4过渡到iPhone 5, iPhone 5过渡到iPhone 6，苹果公司都需要想办法来解决上述的兼容问题。
为了运行之前的App，引入一个新的概念point(点)。点这个概念在iOS开发中十分重要，而非开发者很少关注。iPhone 4屏幕尺寸继续保持320 x 480，不过单位并非是像素，而是点。
在iPhone 3GS中，1个点等于1个像素。也就是说，点跟像素可以直接互换。
在iPhone 4中，1个点等于2个像素。
iPhone 4和iPhone 3GS的屏幕尺寸实际上是一样的，都是3.5英寸。同样一个点，实际上看起来是一样的。只是iPhone 4在单位英寸上像素更多，看起来更细腻。
开发iOS的时候，使用点作为基本单位会更加方便。列表对比
这里的屏幕模式可以初步理解成，一个点等于多少个像素。2x，就是1个点等于2个像素。
总结一下单位
手机屏幕的物理长度，使用英寸作为单位。比如iPhone 4屏幕是3.5英寸，iPhone 5 是4英寸，iphone 6是4.7英寸，这里的数字是指手机屏幕对角线的物理长度。
屏幕像素，比如iPhone 3GS屏幕是320 x 480像素，iPhone 4是640 x 960像素，这里的像素可以想象成屏幕上真正用来显示颜色的发光小点。
点，开发App时候使用的单位，是一个虚拟的单位，并非实际存在的，因此点有时也叫虚拟点。点这个单位，用于屏蔽各个屏幕设备的不同，兼容以前的程序。
每英寸有多少个像素，称为ppi(pixel per inch)。我们可以简单算算，iPhone 4是640 x 960像素，对角线就是1154像素，除以3.5英寸，应该是330ppi。而官方给出的数字是326ppi。当像素太密，超过300ppi的时候，人眼也就不能区分出每个像素。因此iPhone 4的屏幕叫作Retina显示屏。Retina在英文中，是视网膜的意思。
iPhone 4之后(x, y, width, height) = (20, 30, 40, 50)，就表示高度为40个点，宽度为50个点，放在(20, 20)个点的位置。这种处理方法，将之前以像素作为单位自动转换成以点作为单位，使得iPhone 3GS的应用程序，不用修改也可运行在iPhone 4上面。
文字，颜色等是矢量数据，放大不会失真。原有的iPhone 3GS程序，在iPhone 4上面运行，文字显示也十分清晰。
而图片并非矢量数据，处理方式有所不同。假设图片 example.png，大小为 30 x 40像素(这里的单位是像素，数字图片的单位通常都为像素)。当这张example.png在iPhone 3GS和iPhone 4中使用时候，都占据屏幕上30 x 40个点。而因为iPhone 4中1个点等于2个像素，也就是30 x 40像素的图片，占据了60 x 80像素的屏幕，因此这图片在iPhone 4中看起来就会模糊。
开发的时候，为使得图片清晰，需要进行图片适配。这时需要准备两张内容相同的图片，放在同一目录下。
example.png
// 30 x 40像素
example@2x.png
// 60 x 80像素
当程序中使用example.png的时候，会根据屏幕模式自动选择对应的图片。屏幕1x模式，就会选择example.png, 2x模式就会优先选择example@2x.png，假如example@2x.png不存在，就选择example.png。
图片跟屏幕一样，也有1x模式，2x模式。在iPhone 6 Plus中，还出现3x模式，原理是一样的。
当iPhone 4选中example@2x.png的图片，就会生成一张大小为30 x 40个点，2x模式的图片。这个时候，图片看起来就会很清晰了。而没有适配的旧程序，example@2x.png不存在，就选中example.png，生成大小为30 x 40个点，1x模式的图片，看起来比较模糊。但它们占据的屏幕点数是一样的。
2012年，苹果发布iPhone 5。我们将所有机型对比，依然采用点作为单位。
跟iPhone 4做比较, iPhone 5的宽度保持不变。高度增加568 - 480 = 88个点。
在iOS开发中，44这个数字比较特殊。iOS界面指南写着，人类的手指有一定大小，点击区域低于44个点的时候，就难以点中。44的两倍就是88。
当原有程序没有适配iPhone 5的时候，也可以正常运行，但多出来的88个点将会将会被自动均分为上下两部分，使得上下出现黑边。我找不到好看的图片。
那么怎样才能告诉iOS系统，应用程序已经适配了iPhone 5呢？在这里，我们先扯开一下，谈一下启动图片。
点击主屏幕的图标，进入App的时候，会立即显示一张图片，这张图片就是启动图片(Launch Image)。App在正式启动的时需要做一些初始化处理，这通常比较费时。先出现启动图片，可以使用户觉得系统立即有响应，减少等待的焦虑感。
每个机型，比如同时支持iPhone和iPad的程序，需要分别为iPhone跟iPad指定启动图片。当旧的iPhone 4的程序，运行在iPhone 5上面，没有iPhone 5的启动图片，就采用兼容模式，上下留黑边。当为iPhone 5指定了新的启动图片，系统就认为这个应用程序是已经适配了iPhone 5的，上下就不会留黑边了。下面是微信启动图片，应该都很熟悉了。
微信启动图片中出现的那个地球，叫蓝色弹珠(The Blue Marble)，是在日由阿波罗17号太空船的船员所拍摄的。这张照片当年很震撼，是普通人第一次可以通过照片直接看到地球的全貌。见问题为什么微信启动界面的地球图片没有转到中国这部分？这是否有损用户体验？
微信的启动图，为适配iPhone 5，相比与iPhone 4, 很明显狭长了。
典型iPhone应用程序(游戏除外)，很多是上面一个导航栏，下面一个工具栏或者标签栏, 中间一大块用于显示的内容区。iPhone 5拉长了，对于程序的适配，也不算麻烦，内容区的内容基本是动态生成的。适配时候可以简单上下不变，中间的内容区拉长就行了。注意，导航栏和工具栏的高度也是44个点。下面是同一程序，在iPhone 4跟iPhone 5的对比。
AutoLayout
到了这个时候，传统绝对定位的弱点就显露出来了。这时iPhone按照点作为单位，已经出现了两种不同尺寸的屏幕，算上iPad, 就有3种尺寸(有些App可以同时兼容iPhone和iPad，称为Universal)。
从iOS 6系统发布后，iOS开发中可以采用一种AutoLayout的技术。AutoLayout就像网页一样，指定View，Button，Text之间的相对位置，比如靠左多少，靠右多少，居中多少等等。举个例子，像下面的简单布局。
假设左上角的区域为view1, 右上角的区域为view2, 下面的区域为view3。AutoLayout会说:
view1.left = 20
// View1的左边距离边界20个点
view1.top = 20
// View1的上边距离边界20个点
view2.right = 20
// View2的右边距离边界20个点
view2.top = 20
// View2的上边距离边界20个点
view2.left = view1.left + 20
// View2的左边距离View1右边20个点
view2.width = view1.width
// View1的宽度等于View2的宽度
view2.height = view1.height
// view1高度等于view2高度
view3.left = view1.left
// view3的跟view1左对齐
view3.right = view2.right
// view3跟view2右对齐
view3.top = view1.bottom + 20 // view3的上边距离view1下边20个点
view3.bottom = 20
// view3下边距离边界20个点
view3.height = view1.height
// view3高度等于view1高度
指定上面的约束条件后，AutoLayout就会自动算出对应的布局。上面我写得比较繁琐，事实上很多操作都是可以使用鼠标拖拉来指定的，并不一定需要使用代码。但就算用代码，也有简写的方法。下面是在xib中，拖拉鼠标指定约束时的界面。
而绝对定位，会直接说
view1.frame = (x1, y1, width1, height1)
view2.frame = (x2, y2, width2, height2)
view3.frame = (x3, y3, width3, height3)
绝对定位并非指定约束条件，而是开发者自己来精确指定View，Button, Text等的实际坐标大小。
对于一个屏幕，绝对定位可能跟AutoLayout的区别不算大，甚至绝对定位会更方便些。但当需要同时适配多个屏幕，AutoLayout根本不需要更改。而绝对定位就需要根据屏幕大小，一个个算出来。比如横屏，在AutoLayout下面，就自动变成。
这里不过是3个控件的布局，当出现的控件数越多，屏幕尺寸越多，AutoLayout的优势就显露出来了。另外AutoLayout有个好处是容易支持多语言，不同语言下，同一个意思文字的长度是不同的，使用AutoLayout也可以自动适配。
在iOS 6的时候，AutoLayout还比较少人使用，当时屏幕尺寸还比较少。iOS 7的时候，就开始很多人使用了。而到现在iOS 8了, 更加上iPhone 6, iPhone 6 Plus需要适配，AutoLayout大势所趋，不用不行了。
iPhone 6, iPhone 6 Plus
2014年，iPhone 6, iPhone 6 Plus发布后，情况又有新的变化。再次比较所有iPhone机型。
屏幕尺寸再度分裂。但是我们比较iPhone 5 跟 iPhone 6的宽高比例。
可以看出，iPhone 6跟iPhone 5虽然屏幕尺寸改变了，但是它们的比例是不变的。都是 9 ÷ 16 = 0.5625 的屏幕。
当旧的iPhone 5程序运行在iPhone 6上面，假如没有经过适配。旧程序自动等比放大，铺满新手机，旧程序也可以正常运行。这种方案可算是自动适配。但因为旧程序拉伸了，整体看起来有点虚，也不能更好利用大屏空间。
当需要开发者手动适配的时候，跟iPhone 4过渡到iPhone 5一样，在新程序中，指定一张新的启动图片。当指定了启动图，屏幕分辨率就已经变成应有的大小，这时候利用AutoLayout进行布局，同一份代码，就可以支持多个机型。新手机的屏幕更大，有更多的虚拟点，可以显示更多的内容。
值得注意一点是，iPhone 6 Plus。它的宽高是414 × 736个点，3x模式，理想上来说，应该有1242 × 2208像素。但iPhone 6 Plus的实际像素是 1080 × 1920，是比理想值要少一点的。iPhone 6 Plus的处理方式是将程序整体稍微缩小一点。分辨率很高，这点区别，实际上也看不出来。这样处理，可以使得44个点的点击区域约束，在物理上的真实长度，基本保持不变。
由分析可以看到，慢慢的为了适配多个机型，程序的启动图片也逐渐增多，为解决这个问题。iOS之后，可以使用xib来搭建启动界面，这样就可以同一个启动界面，适配多个机型，减少启动图片占用的空间。
1、以后的应用程序，都使用AutoLayout, 不要再用绝对定位。
2、使用类似网页的方式来设计界面。
3、设计师好，程序员也好，尽量使用点这个单位进行思考，而不要使用像素。比如，你需要做44 x 66个点的按钮，2x模式，就乘以2, 3x模式就乘以3。这样的思考方式可以大致估计到真实的物理长度。44个点，就是手机上导航栏，工具栏的高度。假如用像素思考，容易使得做出的图片过大或者过小。
4、非矢量素材，就可以做尺寸最大的，之后再进行缩小。比如你需要兼容3x的屏幕，就直接做最高那种图片。
5、而当使用Flash之类的矢量工具来做素材的时候，应该直接做点那个尺寸。比如44 x 66个点的按钮。就建立一个44 x 66的场景。之后再导出成2倍图，3倍图，因为矢量放大不失真。不要建立一个3x的场景，导出成大图片，再进行缩小，这样就容易失真。更理想的是直接使用矢量图。
6、假如是那种导航栏，工具栏之类的背景图，需要横跨整个屏幕。可以只切一小块，让程序拉伸，拉伸方式是保持两边的像素不动，只拉伸最中间的一列像素。需要拉伸的话，横方向就不要出现一些渐变色。
7、按钮的点击区域，不应该少于44像素，就算按钮的图片看起来比较小，也应该使得点按钮周围的透明区也有反应。
8、可以按照你当前最方便测试机子的型号来做一些主要预览图，效果图。比如你手头有iPhone 5，可以按照iPhone 5的尺寸，320 x 568个点，需要兼容iPhone 6 Plus，就使用3x的模式。这样方便将图片放进手机里面看实际的效果。有多个测试机，就选较大的，之后再进行一些细调。假如支持iPhone 6 Plus的横屏模式，需要另外处理。
9、上面说的是应用的处理方式，游戏会有些特殊。现在很多游戏，按照1136 x 768的像素尺寸来设计场景，这样可以同时兼容iPad和iPhone，并只使用一份图。iPad 1x模式下尺寸是1024 x 768像素，iPhone 6在2x模式下，是1136 * 640。这种尺寸，可以简单将场景居中显示，各自将场景拉伸到最大。
回答数：55339
| 被采纳数：126
iPhone界面尺寸：320*480、640*960、640*34、等。
单位：像素72dpi，在设计的时候并不是每个尺寸都要做一套，尺寸按自己的手机来设计，比较方便预览效果，一般用640*960或者640*1136的尺寸来设计
回答数：3460
| 被采纳数：1
不同手机尺寸不一样，比如iphone3 320*480 iphone4 640 * 960
240*320 320* 480 480* 854 这些比较常用，还有一些其他分辨率，主要看你具体是针对什么手机，希望我的回答可以给你带来帮助！
回答数：98285
| 被采纳数：116
Phone6的界面布局是:屏幕是4.7英寸的，设计稿的大小为750x1334px。
状态栏(status bar):就是电量条，其高度为:40
导航栏(navigation):就是顶部条，其高度为:88
主菜单栏(submenu，tab):就是标签栏，底部条，其高度为:98
内容区域(content):就是屏幕中间的区域，其高度为:1334px-40px-88px-98px=1108px