CrossApp屏幕适配方案.pdfVIP

CrossApp屏幕适配⽅案 我们在开发移动端应⽤时，⾸先会⾯临⼀个很棘⼿的问题，就是市场上的⼿机， 板 等设备的屏幕尺⼨、分辨率各有不同，屏宽⽐也多种多样，如何来解决这个问题呢？ 想要解决这个问题，我们需要了解⼀下关于显⽰的⼀些基础概念，已经市场上我们常 见的尺⼨及分辨率。 常见的分辨率 1136*640 ，1920*1080 ，960*640 ，1280*720 ，800*480 。 常见的屏幕尺⼨ 3.5英⼨、4英⼨、5英⼨、5.5英⼨、7英⼨等等。 PX ：pixels ，就是绝对像素。⼤⼩固定，不会随着屏幕不同⽽改变 PPI ：Pixels Per Inch所表⽰的是每英⼨所拥有的像素 （Pixel ）数⽬。因此PPI数值越 ⾼，即代表显⽰屏能够以越⾼的密度显⽰图像。当然，显⽰的密度越⾼，拟真度就越 ⾼。 DPI ：每英⼨所包含的点，在Android设备上，通常以DPI来表⽰设备屏幕的显⽰精细 度。通常情况下，PPI和DPI可以表⽰同⼀个概念，PPI主要针对显⽰设备，DPI更多应 ⽤于打印输出设备，但都表⽰每英⼨所包含的像素点 CrossApp为我们提供的解决⽅案： CrossApp辅助适配⽅案适配的原则是尽量保持 I的物理尺⼨相近，但仍旧可能会有细 微变化，具体的变化值由系统决定。在不同设备下，ppi值会有所不同，在保持 I的物 理尺⼨不变的情况下，在不同设备上的显⽰效果会有所差别。屏幕尺⼨⼤的设备，显 ⽰的内容会相对较多，ppi值越⾼，则画⾯越精细。 CrossApp提供的Dip类型数据 DPoint ：点 DSize ：⾯积 DRect ：区域 （包含⼀个点位点和⾯积） 推荐适配⽅案 尽量避免固定值 使⽤⽐例值 使⽤基准值 为了防⽌拉伸变形，多⽤CAScale9ImageView控件 字体⼤⼩推荐使⽤ (10) 例如： DSize(100 ,200);//不推荐这样写 DSIze(屏幕宽度/2,屏幕⾼度/2);//使⽤⽐例值 DPoint(⽗节点的宽度 -100 ，⽗节点的宽度-200) ；//使⽤基准值 CrossApp 横屏 屏切换⽅法 ios⽅法： 打开ios ⽬录下RootViewController.mm⽂件 // Override to allow orientations other than the default portrait // This method is deprecated on ios6 - (BOOL)shouldAutorotateToInterfaceOrientation (UIInterfaceOrient //竖屏 //return UIInterfaceOrientationIsPortrait( interfaceOrientati //横屏 //return UIInterfaceOrientationIsLandscape( interfaceOrientati } // For ios6, use supportedInterfaceOrientations shouldAutorotat - (NSUInteger) supportedInterfaceOrientations{ #ifdef __IPHONE_6_0 //竖屏 //return UIInterfaceOrientationMaskPortrait; //横屏 //return UIInterfaceOrientationMaskLandscapeRight; #endif } - (UIInterfaceOrientation)preferredInterfaceOrientationForPresent { //竖屏 //return UIInterfaceOrientationPortrait; //横屏 //return UIInterfaceOrientationLandscapeRight; 更改Device Orientation 属性为Landscape Right 如图： Android ⽅法： AndroidManifest .xml 中 activity 找到 android:screenOrientation属性。 unspecified:默认值 由系统来判断显⽰⽅向.判定的策略是和设备相关的，所以不 同的