支持各种尺寸的屏幕

最新推荐文章于 2021-10-15 17:16:53 发布
最新推荐文章于 2021-10-15 17:16:53 发布
阅读量1.2k 收藏
点赞数
分类专栏： Android

点击打开链接：http://jsf.iteye.com/blog/1317093

支持各种尺寸的屏幕

android 

支持各种尺寸的屏幕

该课程将告诉您如何通过如下方式来支持各种尺寸的屏幕：

  • 确保您的布局可以改变大小来填充整个屏幕
  • 根据屏幕的配置来显示不同的布局
  • 确保布局应用到对应的屏幕上
  • 使用能正确缩放的图片

使用”wrap_content”和”match_parent”

要确保您的布局是弹性的并且可以适应各种尺寸的屏幕，你应该使用"wrap_content" 和"match_parent" 来设置一些控件的宽高。如果使用"wrap_content" ，控件的宽度和高度将会设置为能够显示该控件内容的最小尺寸；而当你使用"match_parent" （在API level 8之前被称之为"fill_parent" ）的时候，控件的高度和宽度将和父控件的大小一样。

当使用"wrap_content"   和  "match_parent" 来代替具体的大小数字的时候，您的控件要么只使用能显示其内容的最小尺寸或者填充整个能用的空间。下面是一个示例:

Xml代码   收藏代码
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:orientation="vertical"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent">  
  5.     <LinearLayout android:layout_width="match_parent"  
  6.                   android:id="@+id/linearLayout1"  
  7.                   android:gravity="center"  
  8.                   android:layout_height="50dp">  
  9.         <ImageView android:id="@+id/imageView1"  
  10.                    android:layout_height="wrap_content"  
  11.                    android:layout_width="wrap_content"  
  12.                    android:src="@drawable/logo"  
  13.                    android:paddingRight="30dp"  
  14.                    android:layout_gravity="left"  
  15.                    android:layout_weight="0" />  
  16.         <View android:layout_height="wrap_content"  
  17.               android:id="@+id/view1"  
  18.               android:layout_width="wrap_content"  
  19.               android:layout_weight="1" />  
  20.         <Button android:id="@+id/categorybutton"  
  21.                 android:background="@drawable/button_bg"  
  22.                 android:layout_height="match_parent"  
  23.                 android:layout_weight="0"  
  24.                 android:layout_width="120dp"  
  25.                 style="@style/CategoryButtonStyle"/>  
  26.     </LinearLayout>  
  27.    
  28.     <fragment android:id="@+id/headlines"  
  29.               android:layout_height="fill_parent"  
  30.               android:name="com.example.android.newsreader.HeadlinesFragment"  
  31.               android:layout_width="match_parent" />  
  32. </LinearLayout>  
 

注意示例中的代码是如何使用  "wrap_content"   和  "match_parent"   而不是使用具体的数值来指定控件的大小。这样布局就可以根据不同的屏幕尺寸和方向来自适应显示界面。

下图是该布局在横向或者纵向的情况下的显示情况，注意 控件的宽度和高度自动的适应屏幕的尺寸：

新闻阅读程序在横向（左）和纵向（右）的显示

新闻阅读程序在横向（左）和纵向（右）的显示

使用 RelativeLayout

通过"wrap_content"   和  "match_parent"   以及嵌套使用多个LinearLayout您可以实现各种复杂的布局。然而，LinearLayout不允许精确的控制子控件之间的关系；在LinearLayout里面的控件只是一个挨着一个去布局的。如果您不想让控件只是排成一行或者一列，使用  RelativeLayout是一个更好的选择，该布局可以指定子控件之间的相对位置。例如，你可以指定一个子控件位于屏幕的左边而另外一个位于屏幕的右边。

示例

Xml代码   收藏代码
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent">  
  5.     <TextView  
  6.         android:id="@+id/label"  
  7.         android:layout_width="match_parent"  
  8.         android:layout_height="wrap_content"  
  9.         android:text="Type here:"/>  
  10.     <EditText  
  11.         android:id="@+id/entry"  
  12.         android:layout_width="match_parent"  
  13.         android:layout_height="wrap_content"  
  14.         android:layout_below="@id/label"/>  
  15.     <Button  
  16.         android:id="@+id/ok"  
  17.         android:layout_width="wrap_content"  
  18.         android:layout_height="wrap_content"  
  19.         android:layout_below="@id/entry"  
  20.         android:layout_alignParentRight="true"  
  21.         android:layout_marginLeft="10dp"  
  22.         android:text="OK" />  
  23.     <Button  
  24.         android:layout_width="wrap_content"  
  25.         android:layout_height="wrap_content"  
  26.         android:layout_toLeftOf="@id/ok"  
  27.         android:layout_alignTop="@id/ok"  
  28.         android:text="Cancel" />  
  29. </RelativeLayout>  
 

下图显示了该布局在QVGA屏幕上的界面

在QVGA屏幕上的截图（小屏幕）

在QVGA屏幕上的截图（小屏幕）

在大屏幕上的界面

在WSVGA屏幕上的截图（大屏幕）

在WSVGA屏幕上的截图（大屏幕）

注意：尽管控件的大小改变了， 但是他们之间的相对位置通过RelativeLayout.LayoutParams定义为一样。

使用尺寸限定符

您可以通过前面的方法实现各种各样的自适应布局和相对布局。但是这种布局只是通过把控件拉伸或者拉伸控件周围的空间，对于大小不同的屏幕并没有提供最优的用户体验。因此，您的程序应该不仅仅只是实现自适应的布局，还应该根据不同的屏幕配置分别提供更加友好的布局。通过配置限定符 可以实现这个优化，这样在运行时系统会自动的选择适合当前设备的布局和资源（例如：针对不同屏幕使用不同的布局）。

例如，很多程序在大屏幕设备上使用“两个窗口”布局模式（程序可以在一个窗口中显示一个列表而在另外一个窗口中显示列表中选中的内容）。平板设备和电视剧的屏幕足够用来同时显示两个窗口，但是手机设备就只能分别显示他们了。因此，要实现这种布局，您需要使用如下的文件：

  • res/layout/main.xml , 单个窗口（默认）布局
Xml代码   收藏代码
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:orientation="vertical"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent">  
  5.    
  6.     <fragment android:id="@+id/headlines"  
  7.               android:layout_height="fill_parent"  
  8.               android:name="com.example.android.newsreader.HeadlinesFragment"  
  9.               android:layout_width="match_parent" />  
  10. </LinearLayout>  
 
  • res/layout-xlarge/main.xml , 两个窗口布局
Xml代码   收藏代码
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:layout_width="fill_parent"  
  3.     android:layout_height="fill_parent"  
  4.     android:orientation="horizontal">  
  5.     <fragment android:id="@+id/headlines"  
  6.               android:layout_height="fill_parent"  
  7.               android:name="com.example.android.newsreader.HeadlinesFragment"  
  8.               android:layout_width="400dp"  
  9.               android:layout_marginRight="10dp"/>  
  10.     <fragment android:id="@+id/article"  
  11.               android:layout_height="fill_parent"  
  12.               android:name="com.example.android.newsreader.ArticleFragment"  
  13.               android:layout_width="fill_parent" />  
  14. </LinearLayout>  
 

注意上面的文件夹中的xlarge 限定符，这个文件夹里面的布局只会用到屏幕尺寸为超级大（例如：10寸的平板）的设备中。其他的布局（没有限定符的）将会用于小屏幕的设备中。

使用 Smallest-width 限定符

在Android 3.2之前的版本上，开发者可能有点郁闷，应为之前的“large”限定符包含的尺寸太宽泛了，例如 Dell Streak、Galaxy 平板、以及7寸的平板。但是很多开发者都想在这个范围内根据不同的具体屏幕尺寸来显示不同的布局（例如 5寸和7寸的设备）。在Android 3.2版本中引入 “Smallest-width”限定符就是为了解决这个问题的。

Smallest-width限定符可以让你指定目标设备的最少屏幕尺寸（单位是dp）。例如，普通的7寸平板的最小宽度是600dp，因此如果你希望你的程序在这种尺寸的屏幕上使用两个窗口（小于该尺寸的屏幕使用一个窗口），那么您可以使用上面的两个布局文件，只要把xlarge 限定符替换为sw600dp 即可， 可以看出在3.2+版本中，对屏幕的限定更加详细了。

  • res/layout/main.xml , 一个窗口（默认）布局
Xml代码   收藏代码
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:orientation="vertical"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent">  
  5.    
  6.     <fragment android:id="@+id/headlines"  
  7.               android:layout_height="fill_parent"  
  8.               android:name="com.example.android.newsreader.HeadlinesFragment"  
  9.               android:layout_width="match_parent" />  
  10. </LinearLayout>  
 
  • res/layout-sw600dp/main.xml , 两个窗口布局
Xml代码   收藏代码
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:layout_width="fill_parent"  
  3.     android:layout_height="fill_parent"  
  4.     android:orientation="horizontal">  
  5.     <fragment android:id="@+id/headlines"  
  6.               android:layout_height="fill_parent"  
  7.               android:name="com.example.android.newsreader.HeadlinesFragment"  
  8.               android:layout_width="400dp"  
  9.               android:layout_marginRight="10dp"/>  
  10.     <fragment android:id="@+id/article"  
  11.               android:layout_height="fill_parent"  
  12.               android:name="com.example.android.newsreader.ArticleFragment"  
  13.               android:layout_width="fill_parent" />  
  14. </LinearLayout>  
 

上面的代码意味着，只要最小屏幕宽度大于等于600dp的设备都会使用layout-sw600dp/main.xml 这个两个窗口布局，而小于该尺寸的设备就用layout/main.xml 一个窗口的布局。

但是，这样在3.2之前的版本没法使用，因为他们不认识sw600dp 这个限定符，这样您还是要同时使用xlarge 限定符。这样您的res/layout-xlarge/main.xml   文件和res/layout-sw600dp/main.xml 文件的内容是一样的。在下一个小节中，您会看到一种技术可以让你避免这种内容一样的布局文件出现。

使用布局别名

上面看到的Smallest-width限定符只适用于3.2+的设备，因此您还需要同时使用(small, normal,large and xlarge)这些限定符来让您的程序运行在3.2之前的系统中。例如：如果你想设计一个界面，在手机中显示一个窗口，而在7寸平板或者更大的设备中显示两个窗口，您需要这些布局文件：

  • res/layout/main.xml: 单个窗口布局
  • res/layout-xlarge: 两个窗口布局
  • res/layout-sw600dp: 两个窗口布局

后面的两个布局文件是一样的，一个是用于3.2+设备的；一个用于之前的设备的。

为了避免这种布局文件的重复，并且维护起来也很麻烦，您可以使用别名文件。例如您可以定义如下的布局文件：

  • res/layout/main.xml , 单个窗口布局
  • res/layout/main_twopanes.xml , 两个窗口布局

布局文件内容:

 

  • res/values-xlarge/layout.xml 
Xml代码   收藏代码
  1. <resources>  
  2.     <item name="main" type="layout">@layout/main_twopanes</item>  
  3. </resources>  
 
  • res/values-sw600dp/layout.xml
  • Xml代码   收藏代码
    1. <resources>  
    2.     <item name="main" type="layout">@layout/main_twopanes</item>  
    3. </resources>  
     
  • 这两个文件内容是一样的，但是他们实际上并没有定义布局。他们仅仅设置了main 为main_twopanes 的一个别名。既然该布局文件有xlarge   和  sw600dp 这两个限定符，这样不管系统的版本是3.2之前的还是之后的，满足尺寸要求的都会使用该布局。

使用方向限定符

有些布局在横向和纵向屏幕中都表现很好，但是有些可以稍作修改从而提升用户体验。在新闻阅读示例程序中，下面展示了在不同的屏幕尺寸和屏幕方向中使用的布局：

  • 小屏幕 纵向:   带Logo的单个窗口
  • 小屏幕 横向:   带Logo的单个窗口
  • 7寸平板, 纵向:   有动作条的单个窗口
  • 7寸平板, 横向:   有动作条的两个宽窗口
  • 10寸平板, 纵向:   有动作条的两个窄窗口
  • 10寸平板, 横向:   有动作条的两个宽窗口

每个布局都在res/layout/ 目录中定义了一个布局文件。通过布局别名来影射的不同的配置项中的：

res/layout/onepane.xml

Xml代码   收藏代码
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:orientation="vertical"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent">  
  5.    
  6.     <fragment android:id="@+id/headlines"  
  7.               android:layout_height="fill_parent"  
  8.               android:name="com.example.android.newsreader.HeadlinesFragment"  
  9.               android:layout_width="match_parent" />  
  10. </LinearLayout>  
 
 

res/layout/onepane_with_bar.xml

Xml代码   收藏代码
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:orientation="vertical"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent">  
  5.     <LinearLayout android:layout_width="match_parent"  
  6.                   android:id="@+id/linearLayout1"  
  7.                   android:gravity="center"  
  8.                   android:layout_height="50dp">  
  9.         <ImageView android:id="@+id/imageView1"  
  10.                    android:layout_height="wrap_content"  
  11.                    android:layout_width="wrap_content"  
  12.                    android:src="@drawable/logo"  
  13.                    android:paddingRight="30dp"  
  14.                    android:layout_gravity="left"  
  15.                    android:layout_weight="0" />  
  16.         <View android:layout_height="wrap_content"  
  17.               android:id="@+id/view1"  
  18.               android:layout_width="wrap_content"  
  19.               android:layout_weight="1" />  
  20.         <Button android:id="@+id/categorybutton"  
  21.                 android:background="@drawable/button_bg"  
  22.                 android:layout_height="match_parent"  
  23.                 android:layout_weight="0"  
  24.                 android:layout_width="120dp"  
  25.                 style="@style/CategoryButtonStyle"/>  
  26.     </LinearLayout>  
  27.    
  28.     <fragment android:id="@+id/headlines"  
  29.               android:layout_height="fill_parent"  
  30.               android:name="com.example.android.newsreader.HeadlinesFragment"  
  31.               android:layout_width="match_parent" />  
  32. </LinearLayout>  
 

res/layout/twopanes.xml

Xml代码   收藏代码
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:layout_width="fill_parent"  
  3.     android:layout_height="fill_parent"  
  4.     android:orientation="horizontal">  
  5.     <fragment android:id="@+id/headlines"  
  6.               android:layout_height="fill_parent"  
  7.               android:name="com.example.android.newsreader.HeadlinesFragment"  
  8.               android:layout_width="400dp"  
  9.               android:layout_marginRight="10dp"/>  
  10.     <fragment android:id="@+id/article"  
  11.               android:layout_height="fill_parent"  
  12.               android:name="com.example.android.newsreader.ArticleFragment"  
  13.               android:layout_width="fill_parent" />  
  14. </LinearLayout>  
 

res/layout/twopanes_narrow.xml :

现在所有的布局文件都定义好了，只要使用配置限定符做好影射即可，通过布局别名很容易实现：

res/values/layouts.xm

Xml代码   收藏代码
  1. <resources>  
  2.     <item name="main_layout" type="layout">@layout/onepane_with_bar</item>  
  3.     <bool name="has_two_panes">false</bool>  
  4. </resources>  
 

res/values-sw600dp-land/layouts.xml

Xml代码   收藏代码
  1. <resources>  
  2.     <item name="main_layout" type="layout">@layout/twopanes</item>  
  3.     <bool name="has_two_panes">true</bool>  
  4. </resources>  
 

res/values-sw600dp-port/layouts.xml

Xml代码   收藏代码
  1. <resources>  
  2.     <item name="main_layout" type="layout">@layout/onepane</item>  
  3.     <bool name="has_two_panes">false</bool>  
  4. </resources>  
 

res/values-xlarge-land/layouts.xml

Xml代码   收藏代码
  1. <resources>  
  2.     <item name="main_layout" type="layout">@layout/twopanes</item>  
  3.     <bool name="has_two_panes">true</bool>  
  4. </resources>  
 

res/values-xlarge-port/layouts.xml

Xml代码   收藏代码
  1. <resources>  
  2.     <item name="main_layout" type="layout">@layout/twopanes_narrow</item>  
  3.     <bool name="has_two_panes">true</bool>  
  4. </resources>  
 

使用Nine-patch格式图片

支持不同尺寸的屏幕也意味着在不同的屏幕上使用不同大小的图片。例如，一个按钮的背景图片在任何尺寸的按钮上都应该是差不多的。

如果您在能改变大小的控件上使用同一个图片，你将会发现这些图片将会被缩放，看起来有点毛毛糙糙。而Android系统中的nine-patch格式图片就解决了这个问题。

要让一个普通的图片转换为nine-patch格式的，如下图（为了清楚的演示，该图被放大了4倍）

button

button

通过Android SDK中的  draw9patch 工具(在tools/ 目录中)编辑，详情请参考这篇详细介绍 ，如下图：

button.9.png

button.9.png

注意 边框上的黑色像素点。左边和上边的黑点定义了图片可以被拉伸的地方，右边和下边的黑点定义了控件内容可以显示的地方。

同时也要注意图片的扩展名为.9.png 。只有这种格式的图片系统才认为是nine-patch格式的。

如果您使用该图片作为控件的背景(代码android:background="@drawable/button" )，系统会自动的拉伸响应的地方，如下图所示：

button.9.png 在各种尺寸下被拉伸的情况

button.9.png 在各种尺寸下被拉伸的情况

gucun4848
关注
专栏目录
Android针对多种屏幕进行设计（一）支持各种屏幕尺寸
欢迎加入Android老司机学院 482266514（技术交流群）密码CSDN
07-29 781
支持各种屏幕尺寸 上一课下一课 本教程将指导您 使用“wrap_content”和“match_parent”使用相对布局使用尺寸限定符使用最小宽度限定符使用布局别名使用屏幕方向限定符使用自动拉伸位图 您还应参阅 支持多种屏幕 试试看 下载示例应用 NewsReader.zip 此教程将向您介绍如何通过以下方法支
android 屏幕布局
hlwbb的专栏
11-05 251
values-small : 屏幕小于 3 英寸左右 values-normal: 屏幕在 4.5 英寸左右, 小米2s的4.3英寸, 小米3的5英寸, 小米5的5.1英寸428ppi1920x1080, 小米8SE的5.88英寸440ppi-2240x1080-RATIO:2.75, values-large : 屏幕在 7 英寸左右 values-xlarge: 屏幕在 10 英寸左右 可以用...
屏幕适配
a1027839197的博客
07-02 459
配置文件，可以定义以下几个配置文件： 　　values-small（可以当做sw300计算） 　　values-normal（可以当做sw320计算） 　　values-large（可以当做sw480计算） 　　values-xlarge（可以当做sw720计算） 　　values-sw300dp（sw=300dp，以下相同） 　　values-sw320dp 　　values-sw3
Android属性
fancychendong的专栏
12-04 1197
为不同的屏幕尺寸和密度（density）设计 参考： http://developer.android.com/guide/practices/screens_support.html px/dp = dpi/160 res/drawable-ldpi 大约120dpi。（注意 大约很重要~。~） res/drawable-mdpi 大约160dpi。 res/
size电脑屏幕尺寸测量
10-28
在IT领域，了解电脑屏幕尺寸测量是至关重要的，特别是对于那些需要精确视觉体验或进行图形设计工作的用户。"size电脑屏幕尺寸测量"这个主题涉及到显示器的物理尺寸、分辨率以及像素密度等多个方面。以下是对这些关键...
在各种不同尺寸屏幕上配置预览Flutter应用
08-10
在构建跨平台应用程序时，尤其是使用像Flutter这样的框架，确保应用在各种屏幕尺寸上看起来美观且功能正常至关重要。Flutter提供了一种强大的工具，允许开发者在不同的设备尺寸上预览其应用，这就是“设备预览”功能...
Android应用源码获取手机屏幕尺寸的代码段.zip
12-17
在`AndroidManifest.xml`文件中，你可以声明应用支持的屏幕尺寸和密度，这有助于优化不同设备上的显示效果。例如： ```xml android:anyDensity="true" android:largeScreens="true" android:normalScreens=...
在Qt5和PyQt5中设置支持高分辨率屏幕自适应的方法
09-19
1. **使用Qt的size policies**：通过调整控件的大小策略，可以更好地适应不同的屏幕尺寸。 2. **利用布局管理器**：Qt提供了一系列强大的布局管理器，如`QVBoxLayout`、`QHBoxLayout`等，它们能够自动调整控件的位置...
屏幕尺寸大小计算器
12-07
做工程设计时经常要知道显示器或者电视机大概尺寸,该工具可根据我们所说的XX寸计算出显示面的宽X高.更具体数据需查询相关资料得出实际XX寸. 需 .net 2.0 支持.
Android多屏幕适配方案
GEM_yaorao的博客
09-22 762
一：图片的适配： 1、图片的自适配：1）明确哪些资源文件在不同分辨率的设备存在显示问题(图片上带文字-->底图和文字分开给（文字用textview）,图片上带图标-->图标和底图分开给（2张图）)。2）学会使用9-patch，一般提供hdpi大小的图片，并制作为9-patch格式，此时的拉伸在mdpi、ldpi上基本都不会带来问题。 2、对不同密度的屏幕提供不同的图片，把图片资源放在新建的不同
Android pad适配札记
临木的博客
10-15 2091
题引：随着国产平板的崛起，越来越多的应用开始适配平板。Android系统的开源注定了它产品的多样性，iOS平板只有固定几个尺寸适配较为简单。但Android平板不一样，尺寸随心所欲。很多手机竖屏的应用在平板上有更多的展示方式，适配变得更加艰难！（本文主要写些关于平板适配的心得，以及与设计对线后的感悟！） 细细想想适配的点有哪些： dp 与 px 资源的读取 关于 dp 与 px 的处理 Android尺寸五花八门，计算出来的宽高dp也有很多种 // 计算函数 private fun g
揭秘各个显示器尺寸
jishublog
08-21 2162
　　现在随着社会的发展，各种移动设备层出不穷，大大小小的浏览器眼花缭乱。这让我们这些专门写代码兼容各个浏览器大小的码农们无比郁闷。下面为大家介绍一下各个设备的显示器尺寸。 　　普屏液晶显示器专用壁纸大小: 　　1280×1024、1600×1200、1920×1440 　　16:10宽屏液晶专用壁纸: 　　1280×800、1440×900、1680×1050、1920×1200、2560...
Android屏幕适配
大数据
09-06 909
屏幕尺寸 屏幕尺寸指屏幕的对角线的长度，单位是英寸，1英寸=2.54厘米 比如常见的屏幕尺寸有2.4、2.8、3.5、3.7、4.2、5.0、5.5、6.0等 屏幕分辨率 屏幕分辨率是指在横纵向上的像素点数，单位是px，1px=1个像素点。一般以纵向像素*横向像素，如1960*1080。 屏幕像素密度 屏幕像素密度是指每英
html前端 rem布局，完美兼容各手机端的尺寸，自适应布局
zhazhaji的博客
08-10 9121
1. 先下载一个淘宝的js（http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js）用法说明：我这里用的scss，当然没用这些样式预处理器也没关系，下面会让你怎么做，因此需定义转换函数$w: 75; //psd 设计图尺寸除以10 @function rem($n) { @return ($n/$w) + rem; }$w 说明：1...
屏幕的适配-新建相应分辨率文件夹
gssdld的博客
07-15 1655
今天刚好有做到屏幕的适配，就想到对我自己所了解到一些知识做一些简单的总结。 一、概念 1.屏幕尺寸 屏幕尺寸：既屏幕对角线的长度，单位是英寸。例如手机屏幕是5.5英寸，指的就是屏幕对角线是5.5英寸。1英寸≈2.54                   厘米，那么 5.5英寸≈13.97厘米。 Android：主流机型主要为 240x320,320x480(HVGA),480x8
应用程序支持多种屏幕尺寸方法（一）
02-22 6606
前记：Android现在拥有数百种不同屏幕尺寸的设备，小到手机，大到电视。因此，设计你的程序适合所有屏幕尺寸显得很重要，以便于尽可能多的用户使用。但是适应不同设备类型是不可能的，每个屏幕给用户的交互都有很多可能性和带来挑战，所以为了满足和尊重你的用户，你的用户程序要能适应大部分屏幕，优化用户在每个屏幕的方向体验。下面介绍如何实现用户交互用于优化几种屏幕方向。 今天首先介绍的是如何使你的应用程
多屏幕设计——支持不同的屏幕尺寸
Carson IT之旅
12-27 2039
这一课程表明您如何支持不同的屏幕大小： 确保您的布局可以适当调整大小以适应屏幕 根据屏幕配置提供适当的UI布局 确保正确的布局，是适用于正确的屏幕 提供正确的位图和尺寸 使用“wrap_content”和“match_parent” 为了确保你的布局是灵活的，适应不同的屏幕尺寸，你应该使用“wrap_content”和“match_parent”一些视图组件的宽度和高度
网页设计尺寸与屏幕分辨率指南
此外，还有120*60和215*50的BUTTON，760*100至760*200的通栏广告，336*280的巨幅广告，130*300的竖边广告，800*600的全屏广告，以及各种尺寸的弹出窗口、BANNER和悬停按钮等。广告文件大小也需要控制，比如BANNER...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值