400 028 6601

建站动态

根据您的个性需求进行定制 先人一步 抢占小程序红利时代

Android屏幕适配怎么分析

Android屏幕适配怎么分析,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

站在用户的角度思考问题,与客户深入沟通,找到平乡网站设计与平乡网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:网站建设、成都网站设计、企业官网、英文网站、手机端网站、网站推广、国际域名空间、网页空间、企业邮箱。业务覆盖平乡地区。

为什么要屏幕适配?

Android屏幕适配怎么分析

碎片化

为了保证用户获得一致的用户体验效果,使得某一元素在Android不同尺寸、不同分辨率的手机上具备相同的显示效果,则需要我们进行屏幕适配。

基础概念

屏幕尺寸

屏幕尺寸是指屏幕对角线的长度,单位是英寸,1 inch=2.54 cm

屏幕分辨率

手机在横向和纵向上的像素点数总和,单位是像素(pixel),1px =  1像素点,举个栗子,1080x1920,即宽度方向上有1080个像素点,在高度方向上有1920个像素点。

屏幕像素密度

每英寸像素点个数,单位是dpi,dots per inch。为简便起见,Android 将所有屏幕密度分组为六种通用密度:  低、中、高、超高、超超高和超超超高。

Android屏幕适配怎么分析

dpi_example

屏幕密度无关像素dp(dip)

Density Independent Pixels,即密度无关像素。

Android屏幕适配怎么分析

density-test-bad

Android屏幕适配怎么分析

dimen_example2

独立比例像素sp

Scale Independent Pixels, 即sp或sip。

Android开发时用此单位设置文字大小,可根据字体大小***项进行缩放,推荐使用12sp、14sp、18sp、22sp作为字体设置的大小,不推荐使用奇数和小数,容易造成精度的丢失问题,小于12sp的字体会太小导致用户看不清。

屏幕适配之图片适配

Android屏幕适配怎么分析

在设计图标时,对于5种主流的像素密度(mdpi,hdpi,xhdpi,xxhdpi和xxxdpi)应按照2:3:4:6:8的比例进行缩放。例如一个启动图片ic_launcher.png,它在各个像素密度文件夹下大小为:

存在的问题

解决方法

Android SDK加载图片流程

根据加载图片的流程,可以得出理论上提供一套图片就可以了。

那么应该提供哪种分辨率规格呢?

原则上越高越好,同时结合当前主流分辨率屏幕

自动拉伸图片

Android屏幕适配怎么分析

ninepatch_raw

Android屏幕适配怎么分析

ninepatch_examples

屏幕适配之布局适配

布局参数

使用wrap_content, match_parent, layout_weight。

weight的使用

Android屏幕适配怎么分析

weight_examples

                   

当layout_width为match_parent,layout_weight分别为1和2

                   

weight的计算

宽度 = 原来宽度 + 权重比值 * 剩余宽度

***个按钮:宽度 = 0 + 1/3 * 屏宽 = 1/3屏宽

第二个按钮:宽度 = 0 + 2/3 * 屏宽 = 2/3屏宽

***个按钮:宽度 = 屏宽 + 1/3 (屏宽 - 2 屏宽) = 2/3屏宽

第二个按钮:宽度 = 屏宽 + 2/3 (屏宽 - 2 屏宽) = 1/3屏宽

布局使用

使用相对布局,禁用绝对布局。

限定符

尺寸限定符

最小宽度限定符

布局别名

***的两个文件的xml内容是完全相同的,这会带来:文件名的重复从而带来一些列后期维护的问题,修改一个文件,可能忘记修改另外一个。于是为了要解决这种重复问题,我们引入了布局别名。

        @layout/activity_main  
          @layout/activity_twopanes   
          @layout/activity_twopanes   

屏幕方向限定符

屏幕适配之dimen适配

Android屏幕适配怎么分析

Nexus S (4英寸 480x800:hdpi)

Android屏幕适配怎么分析

dimen_example2

即使使用dp,依然不能解决屏幕分辨率的适配问题,我们可以针对不同的屏幕创建不同的dimen值。

  180dp  160dp  
       113dp       100dp   

屏幕适配之百分比布局

                       

屏幕适配之自适应用户界面

Android屏幕适配怎么分析

newsreader_land

Android屏幕适配怎么分析

newsreader_port

当NewsReader在横屏时是双面板,左侧是HeadLinesFragment, 右侧是ArticleFragment, 点击新闻标题,  切换ArticleFragment的内容。当NewsReader在竖屏时是单面板,只有个HeadLinesFragment,  点击新闻标题,跳转到ArticleActivity去显示新闻内容。所以,要实现这样的横竖屏适配,只是通过布局是完成不了的,不同业务逻辑的处理,还需要写代码来完成,这就是我们的自适应用户界面。

使用布局别名

  @layout/onepane_with_bar  false  
  @layout/twopanes  true  
      @layout/onepane      false  

判断是单面板还是双面板

View articleView = findViewById(R.id.article); mIsDualPane = articleView != null && articleView.getVisibility() == View.VISIBLE;//如果能够找到ArticleFragment则是双面板

单双面板的不同业务逻辑

public void onHeadlineSelected(int index) {     mArtIndex = index;    if (mIsDualPane) {          // display it on the article fragment         mArticleFragment.displayArticle(mCurrentCat.getArticle(index));     }    else {          // use separate activity         Intent i = new Intent(this, ArticleActivity.class);         i.putExtra("catIndex", mCatIndex);         i.putExtra("artIndex", index);         startActivity(i);     } }

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联的支持。


文章题目:Android屏幕适配怎么分析
本文网址:http://mbwzsj.com/article/jspooj.html

其他资讯

让你的专属顾问为你服务