`
icess
  • 浏览: 253342 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

课程一 为各种屏幕尺寸做设计

阅读更多

导言: 该系列文章是翻译Android官方培训中心的课程,供大家参考.


课程一 为各种屏幕尺寸做设计

环境要求

您还应该阅读

动手试试

下载示例项目

NewsReader.zip

Android系统用于数百中设备和各种尺寸的屏幕上,从小屏幕手机到大屏幕电视。因此,把您的程序设计为支持各种尺寸的屏幕就显得格外重要,这样更多的用户就可以使用您的程序了。

但是仅仅能兼容各种尺寸的屏幕还是不够的。每种尺寸的屏幕对用户交互都提供了不同的可能性和挑战,因此为了让用户使用起来更加方便并且打动用户,您的程序不仅仅要支持多屏幕还要针对不同尺寸的屏幕去优化用户体验。

这个课程将告诉您如何实现针对各种尺寸的屏幕优化程序界面。

每节课程都有一个示例程序来演示优化多屏幕支持的最佳实践。您可以从右边的链接中下载示例项目并且在您的项目中自由的使用示例代码。

注意 :为了在低于Android 3.0版本上展示Fragment 的使用, 该课程和相关的示例使用了Android兼容开发包 。因此您需要下载并且把兼容开发包类库添加到示例项目中。

在下载的NewsReader项目中的libs文件夹下已经包含了android-support-v4.jar 兼容开发包,如果您使用Eclipse和ADT那么只需要在该文件上点击右键,在弹出的菜单中选择“Build Path ” – “Add to Build Path ” 菜单即可。

 

课程

支持各种尺寸的屏幕
这节课程将告诉您如何设计适应各种尺寸屏幕的 布局(在View中使用可扩展的尺寸、使用RelativeLayout、使用屏幕尺寸和方向限定符、别名过滤器以及  点9 格式图片 – nine-patch)。

支持各种密度的屏幕
这节课程将告诉您如何设计适应各种像素密度的屏幕(使用密度无关的像素和为不同密度的屏幕提供不同的图片)。

设计自适应的界面交互流程
这节课程将告诉您如何设计分别适应于不同屏幕尺寸和屏幕密度的界面交互流程(运行时检测当前布局、根据当前的布局做交互、处理屏幕配置变化)。

分享到:
评论

相关推荐

    网页设计与制作课程设计

    在这个"课题为主题相册类的网页设计与制作课程设计"中,学生将深入学习如何构建一个以展示主题相册为主的网站。 首先,我们要了解网页设计的基本原则。这包括色彩理论,布局(例如F型布局),对比度,一致性,以及...

    QT课程设计

    布局管理则帮助开发者在不同屏幕尺寸下自动调整控件的位置和大小,以适应各种显示环境。 在设计电子数码相册的过程中,开发者可能会用到QT的QGraphicsView和QGraphicsScene组件,它们提供了强大的图形渲染能力,...

    《Python语言编程课程设计》课程设计报告模版(1).pdf

    2. 应用Python解决问题:课程设计要求学生运用所学知识解决特定领域的应用问题,例如在这个案例中,是设计一个“强制表白神器”,这需要学生理解如何结合不同功能来实现特定任务。 3. 设备与环境:进行课程设计时,...

    个人网站制作课程设计

    3. 响应式设计:在当前多设备浏览的时代,网站需要适应各种屏幕尺寸。响应式设计利用媒体查询、流式布局和弹性图片来确保网站在手机、平板和桌面电脑上都有良好的展示效果。 4. JavaScript交互:为了让网站更具动态...

    HTML CSS课程设计

    在个人博客首页的设计中,CSS可以帮助我们创建导航栏,设定各个菜单项的样式,实现鼠标悬停时的动态效果,以及调整整体页面的布局,使其在不同屏幕尺寸下都能良好显示。对于后台管理界面,CSS可以实现左右框架布局,...

    山东科技大学 人机交互 课程设计

    5. **响应式设计**:考虑到不同设备的屏幕尺寸,需设计响应式界面,确保在手机、平板、电脑等设备上都能良好展示和操作。 6. **用户体验评估**:通过原型测试、用户反馈、可用性测试等方法,持续改进设计,确保符合...

    WEB程序设计课程设计案例

    4. **响应式设计**:确保网站在不同屏幕尺寸的设备上都能适应和显示。 5. **前端框架**:如Bootstrap或Vue.js,可以帮助快速开发和维护复杂的前端项目。 6. **服务器端编程**:如PHP或Node.js,处理用户请求,与...

    谷歌课程设计网站

    谷歌课程设计网站是一个用于在线教育和学习平台的源码,其核心目的是提供一个高效、用户友好的环境,帮助教育者创建、管理和分享课程内容。这个源码可能包含了用于构建这样一款应用的所有必要组件,包括前端界面、...

    HTML课程设计-美观的汽车网站

    4. 响应式设计:考虑到不同设备的屏幕尺寸,可以使用媒体查询(`@media`)和`<meta name="viewport">`来实现响应式布局,使网站在手机和平板上也能良好显示。 5. 链接到外部资源:例如,使用`<link>`标签引入CSS...

    asp网页 课程设计文档作业

    7. **响应式设计**:随着移动设备的普及,网页需要适应不同屏幕尺寸,采用响应式设计确保在各种设备上都能正常显示。 8. **版本控制**:使用Git等版本控制系统管理代码,便于团队协作和代码版本追踪。 9. **测试与...

    网页设计课程设计案例

    这种布局方式简单易懂,但缺点是表格嵌套可能导致代码复杂且不易维护,同时对搜索引擎友好度不高,不利于网页的响应式设计,无法很好地适应不同屏幕尺寸的设备。 接下来,我们重点讨论DIV+CSS布局。DIV(Division)...

    Java GUI做的课程设计

    总之,这个"Java GUI做的课程设计"为初学者提供了一个实践平台,让他们能够亲手创建一个简单的Java图形界面。通过这样的实践,学习者可以更好地理解和掌握GUI编程的基本概念,为今后的Java桌面应用开发打下坚实基础...

    web前端期末课程设计.zip

    通过媒体查询(Media Queries),可以确保这些设计在不同设备和屏幕尺寸上都能良好显示,实现移动优先的响应式设计。 在这个项目中,学生们可能还需要了解和应用Web性能优化技巧,如减少HTTP请求、压缩资源、使用...

    MFC课程设计报告

    通过以上内容的详细介绍,可以看出该课程设计报告不仅涵盖了MFC编程的基础知识,还深入探讨了如何利用MFC开发一个完整的应用项目,对于学习 Windows 程序设计的学生来说是非常有价值的参考资料。

    Android课程设计————课程表(app)

    - 使用`ConstraintLayout`或`LinearLayout`进行布局管理,确保界面在不同屏幕尺寸上都能适配。 2. **数据管理** - 数据存储通常有两种方式:内存(如`ArrayList`)和持久化存储(如SQLite数据库)。考虑到数据量...

    Web课程设计——网站设计

    在本Web课程设计项目中,我们聚焦于网站设计这一核心主题,旨在通过实践学习和掌握网页制作的关键技术和设计理念。此项目特别关注JavaScript特效、CSS技术的运用以及基于DIV模块的布局策略,为初学者提供了一个良好...

    web课程设计报告(自认为还不错)

    9. **响应式设计**:随着设备多样性的增加,响应式设计使得网站能够适应不同屏幕尺寸,提供一致的用户体验。 10. **持续集成/持续部署(CI/CD)**:自动化测试和部署流程,如Jenkins或GitHub Actions,可以提高开发...

    网页制作于设计课程设计.zip

    4. **响应式设计**:考虑到不同设备的屏幕尺寸和分辨率,一个好的网页设计需要具备响应式特性,即根据用户设备自动调整布局。这个课程设计可能使用了媒体查询(Media Queries)和其他响应式技术,确保在手机、平板和...

    个人网站设计 课程设计(附源文件)

    它确保网站在不同屏幕尺寸下都能良好显示,提高用户体验。 二、界面设计原则 1. 清晰的导航:网站应具有直观的导航结构,帮助用户轻松找到所需信息。 2. 一致性:保持设计元素的一致性,如字体、颜色和布局,可以...

Global site tag (gtag.js) - Google Analytics