转载
http://www.blogjava.net/oathleo/archive/2011/09/02/357792.html
===================================================================================
屏幕大小
1、不同的layout
Android手机屏幕大小不一,有480x320,640x360,800x480.怎样才能让App自动适应不同的屏幕呢? 其实很简单,只需要在res目录下创建不同的layout文件夹,比如:layout-640x360,layout-800x480,所有的 layout文件在编译之后都会写入R.java里,而系统会根据屏幕的大小自己选择合适的layout进行使用。
只要将layout文件夹下的XML布局文件 全部设置成非custom选项就可以了.
2、hdpi、mdpi、ldpi
前的版本中,只有一个drawable,而2.1版本中有drawable-mdpi、drawable-ldpi、drawable-hdpi三个,这三个主要是为了支持多分辨率。
drawable- hdpi、drawable- mdpi、drawable-ldpi的区别:
1.drawable-hdpi里面存放高分辨率的图片,如WVGA (480x800),FWVGA (480x854)
2.drawable-mdpi里面存放中等分辨率的图片,如HVGA (320x480)
3.drawable-ldpi里面存放低分辨率的图片,如QVGA (240x320)
系统会根据机器的分辨率来分别到这几个文件夹里面去找对应的图片。在开发程序时为了兼容不同平台不同屏幕,建议各自文件夹根据需求均存放不同版本图片。
==================================================================================
屏幕方向
1、横屏竖屏自动切换
可以在res目录下建立layout-port和layout-land两个目录,里面分别放置竖屏和横屏两种布局文件,这样在手机屏幕方向变化的时候系统会自动调用相应的布局文件,避免一种布局文件无法满足两种屏幕显示的问题。
2、禁用自动切换
只需要在AndroidManifest.xml文件中加入android:screenOrientation属性限制。
•Android:screenOrientation="landscape" //是限制此页面横屏显示
•Android:screenOrientation="portrait" //是限制此页面数竖屏显示
而有的程序是适合横竖屏切换的。如何处理呢?首先要在配置Activity的时候进行如下的配置:android:configChanges="keyboardHidden|orientation",另外需要重写Activity的onConfigurationChanged方法。实现方式如下,不需要做太多的内容:
@Override
public void onConfigurationChanged(Configuration newConfig) {
super.onConfigurationChanged(newConfig);
if (this.getResources().getConfiguration().orientation == Configuration.ORIENTATION_LANDSCAPE) {
// land do nothing is ok
} else if (this.getResources().getConfiguration().orientation == Configuration.ORIENTATION_PORTRAIT) {
// port do nothing is ok
}
}
==================================================================================
字体自适应大小
方法1:
首先根据不同分辨率获取不同字体大小。
在RES里创建
values-480x320/strings.xml 里面设置<dimen name="Text_size">30px</dimen>
和
values-800x400/strings.xml 里面设置<dimen name="Text_size">30px</dimen>
分别代表480X320 和 800X400分辨率情况下 字号为30px和40px;
在java文件中这样调用
int sizeOfText = (int) this.getResources().getDimension(R.dimen.Text_size);
方法2:
在视图的 onsizechanged里获取视图宽度,一般情况下默认宽度是320,所以计算一个缩放比率rate = (float) w/320 w是实际宽度
然后在设置字体尺寸时 paint.setTextSize((int)(8*rate)); 8是在分辨率宽为320 下需要设置的字体大小实际字体大小 = 默认字体大小 x rate
==================================================================================
图片自适应
draw9patch不失真背景
分享到:
相关推荐
这个主题由提供的标题 "简-自适应APP下载页HTML源码.zip_APP下载页源码_tight1bd_下载页 源码_自适应_自适应Html源码" 和描述 "超简约自适应APP下载页源码简约到不能再简约了,感兴趣的可以参考下代码~" 提及。...
本文就介绍了4中Android屏幕自适应解决方案。 一、细说layout_weight 目前最为推荐的Android多屏幕自适应解决方案。 该属性的作用是决定控件在其父布局中的显示权重,一般用于线性布局中。其值越小,则对应的...
此外,还会关注移动设备上的Webkit内核浏览器(如Android和iOS的Safari)的性能优化。 7. SEO优化:好的HTML5模板不仅关注用户体验,也注重搜索引擎优化。通过合理的HTML标记、元信息和语义化元素,可以提高网站在...
7. **跨平台兼容性**:由于目标是服务于各种类型的移动设备,这套源码应该经过了广泛的测试,确保在iOS、Android、Windows Phone等操作系统上的主流浏览器都能正常工作。 总结起来,"H152_html手机网站_网页源码...
模板采用的HTML5标准支持在多种设备和平台上运行,无论是iOS、Android还是Windows,均能提供良好的兼容性。这意味着网站可以吸引更多不同设备的用户,从而扩大潜在的观众范围。 3. 多样的模板风格 考虑到不同类型的...
8. 兼容性测试:考虑到不同浏览器对新技术的支持程度不同,完成的网页源码需要经过广泛的兼容性测试,确保在主流浏览器(如Chrome、Firefox、Safari、Edge等)及不同操作系统(iOS、Android、Windows)上都能正常...
移动端模板的设计需要考虑到各种设备的兼容性,包括不同的操作系统(如iOS、Android)、浏览器(如Chrome、Safari)以及屏幕尺寸。自适应响应式设计是一种解决方法,它通过媒体查询(Media Queries)等技术,根据...
6. 跨平台兼容性:由于这款源码是为手机和电脑设计的,所以它必须能在各种操作系统(如Windows、MacOS、iOS、Android等)和浏览器(如Chrome、Firefox、Safari、Edge等)上正常运行。这就要求开发者遵循W3C标准,...
它涵盖了各种屏幕尺寸和操作系统,如iOS、Android等。前端开发通常涉及HTML、CSS和JavaScript,以及专为移动优化的框架和库,如React Native、Vue.js或Ionic。 **H5模板**:H5模板指的是基于HTML5技术的网页模板,...
H5模板在此起到了桥梁作用,它支持多种设备的浏览器,包括iOS、Android等系统,确保用户无论在手机还是电脑上都能享受到一致的浏览体验。同时,自适应响应式设计使得网页能够根据屏幕尺寸自动调整布局,保证内容的...
它需要考虑小屏幕显示、触摸交互以及不同操作系统(如iOS、Android)的差异。在这个压缩包中,H5模板可能包含了适应移动设备的布局设计,如流式布局(Flexbox)或网格系统(CSS Grid),这些都可确保页面在不同屏幕...
最后,为了保证在各种浏览器上的兼容性,开发者需要了解和测试在主流移动设备(如Android、iOS)上不同浏览器(如Chrome、Safari、Firefox等)的渲染差异。模板的源码将揭示如何通过前缀、特性检测等手段来确保代码...
6. 兼容性测试:在使用这套源码进行开发时,应考虑不同浏览器(如Chrome、Safari、Firefox、Edge等)及不同操作系统(iOS、Android)的兼容性问题,确保网站在所有主流平台上都能正常运行。 7. 性能优化:移动设备...
7. **跨平台兼容**:由于是自适应的,此模板适用于各种设备,包括Android、iOS、Windows Phone等不同操作系统上的浏览器。 通过深入研究这个源码,开发者可以学习到如何构建现代、响应式的网站,并且可以作为起点,...
由于采用了HTML5标准和响应式设计,这套源码可以很好地运行在iOS、Android、Windows Phone等各种操作系统上的浏览器,实现真正的跨平台兼容。这对于希望覆盖广泛用户群的开发者来说,无疑是一大优势。 综上所述,"H...
与传统的桌面端网页相比,移动端前端需要考虑更小的屏幕尺寸、触摸交互以及不同的操作系统(如iOS、Android)。在这个H230模板中,开发者可能使用了CSS3媒体查询(Media Queries)来实现不同设备的适配,通过设置...
这包括对主流浏览器(如Chrome、Firefox、Safari、Edge等)的支持,以及对iOS、Android等移动系统的适配。 综上所述,"H270_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip"是一个全面...
6. 设备兼容性:源码应该考虑到各种浏览器和设备的兼容性,包括Chrome、Firefox、Safari、Edge以及Android和iOS系统的内置浏览器。通过使用polyfills或条件注释,可以确保在不支持新特性的旧版浏览器中也能正常运行...
8. 设备兼容性:优秀的移动端前端源码需确保在各种操作系统(如iOS、Android)和浏览器(如Chrome、Safari、Firefox)上运行良好。开发者需要进行广泛的测试,确保所有功能在不同平台上都能正常工作。 总结起来,"H...
在H61源码中,可能包含了针对特定设备类型(如iPhone、Android或Windows Phone)的特定样式或功能。这种策略允许开发者为每种设备提供最佳的显示效果,而不仅仅是简单的缩放。 五、源码结构与可维护性 一个良好的...