草庐IT

用于 ldpi、mdpi、hdpi、xhdpi 显示器的 android 初始屏幕尺寸？ - 例如 : 1024X768 pixels for ldpi

coder 2023-05-07 原文

我必须使用 phonegap 为 android 应用程序设计启动画面(加载时适合屏幕的图像)。我必须设计适合 ldpi、mdpi、hdpi、xhdpi 等 4 种屏幕类型的 4 种尺寸图像。谁能告诉我这些屏幕的确切尺寸(以像素为单位)，以便我可以按照该尺寸进行设计？

示例答案:

ldpi - 1024X768 px
mdpi  - 111 X 156 px  

 We support ldpi, mdpi, hdpi and xhdpi displays; the following will define splash screens for each specific screen type.

<gap:splash src="splash/android/ldpi.png" gap:platform="android" gap:density="ldpi" />
<gap:splash src="splash/android/mdpi.png" gap:platform="android" gap:density="mdpi" />
<gap:splash src="splash/android/hdpi.png" gap:platform="android" gap:density="hdpi" />
<gap:splash src="splash/android/xhdpi.png" gap:platform="android" gap:density="xhdpi" />

最佳答案

Android 的初始屏幕尺寸

同时用于 Cordova(又名 Phonegap)、React-Native 和所有其他开发平台 

Format : 9-Patch PNG (recommended)

Dimensions

 - LDPI:
    - Portrait: 200x320px
    - Landscape: 320x200px
 - MDPI:
    - Portrait: 320x480px
    - Landscape: 480x320px
 - HDPI:
    - Portrait: 480x800px
    - Landscape: 800x480px
 - XHDPI:
    - Portrait: 720px1280px
    - Landscape: 1280x720px
 - XXHDPI
    - Portrait: 960x1600px
    - Landscape: 1600x960px
 - XXXHDPI 
    - Portrait: 1280x1920px
    - Landscape: 1920x1280px

注意: 不需要准备 XXXHDPI，也可能是 XXHDPI 大小，因为 9-patch 图像的重复区域。另一方面，如果只使用纵向尺寸，则应用尺寸可能会更小。更多图片意味着需要更多空间。

注意

我认为所有设备都没有确切的尺寸。我用的是 Xperia Z 5"。如果你开发一个跨平台的 webview 应用程序，你应该考虑很多事情(屏幕是否有软键导航按钮等)。因此，我认为只有一个合适的解决方案。解决方案是 to prepare a 9-patch splash screen (在下面找到 How to design a new splash screen 标题)。
  • 为上述屏幕尺寸创建初始屏幕为 9-patch 。使用 .9.png 后缀
    • 为您的文件命名
  • 将下面的行添加到您的 config.xml 文件中
  • 如果需要，添加启动屏幕插件。
  • 运行您的项目。

    • 而已!

    Cordova 特定代码将在 config.xml 中添加行以用于 9 补丁启动屏幕 
    <preference name="SplashScreen" value="screen" />
<preference name="SplashScreenDelay" value="6000" />
<platform name="android">
    <splash src="res/screen/android/ldpi.9.png" density="ldpi"/>
    <splash src="res/screen/android/mdpi.9.png" density="mdpi"/>
    <splash src="res/screen/android/hdpi.9.png" density="hdpi"/>
    <splash src="res/screen/android/xhdpi.9.png" density="xhdpi"/> 
</platform>

    使用 非 -9-patch 启动屏幕时将行添加到 config.xml
    <platform name="android">
    <splash src="res/screen/android/splash-land-hdpi.png" density="land-hdpi"/>
    <splash src="res/screen/android/splash-land-ldpi.png" density="land-ldpi"/>
    <splash src="res/screen/android/splash-land-mdpi.png" density="land-mdpi"/>
    <splash src="res/screen/android/splash-land-xhdpi.png" density="land-xhdpi"/>

    <splash src="res/screen/android/splash-port-hdpi.png" density="port-hdpi"/>
    <splash src="res/screen/android/splash-port-ldpi.png" density="port-ldpi"/>
    <splash src="res/screen/android/splash-port-mdpi.png" density="port-mdpi"/>
    <splash src="res/screen/android/splash-port-xhdpi.png" density="port-xhdpi"/>
</platform>

    如何设计一个新的启动画面

    我将描述一种使用这种方式创建正确启动画面的简单方法。假设我们正在设计一个 1280dp x 720dp - xhdpi(x-large)屏幕。我写了下面的例子；
  • 在 Photoshop 中:文件 -> 在新对话框窗口中新 build 置您的屏幕

    宽度:720 像素
    高度:1280 像素

    我猜上述尺寸意味着分辨率为 320 像素/英寸。但要确保您可以在对话窗口中将分辨率值更改为 320。在这种情况下 像素/英寸 = DPI

    恭喜...您有一个 720dp x 1280dp 的初始屏幕模板。

    • 如何生成 9 补丁启动画面

    设计完启动画面后，如果要设计 9-Patch 启动画面，则应在每一侧插入 1 个像素间隙。出于这个原因，您应该将 Canvas 尺寸的宽度和高度增加 +2 像素(现在您的图像尺寸为 722 x 1282 )。
    我已经按照下面的指示在每一侧留下了空白的 1 像素间隙。
    使用 Photoshop 更改 Canvas 大小:
    - 在 Photoshop 中打开启动画面 png 文件
    - 单击图层字段中“背景”名称旁边的锁定图标(保留空白而不是其他颜色，如白色)，如果有如下所示:

    - 从图像菜单更改 Canvas 大小(宽度:720 像素至 722 像素，高度:1280 像素至 1282 像素)。现在，应该在初始屏幕图像的每一侧看到 1 个像素的间隙。
    然后你可以使用 C:\Program Files (x86)\Android\android-studio\sdk\tools\draw9patch.bat 来转换一个 9-patch 文件。为此，请在 draw9patch 应用程序上打开您的启动画面。您应该定义您的 Logo 和可扩展区域。请注意以下示例初始屏幕的黑线。黑线的粗细只有 1 px ;) 左侧和顶部的黑线定义了初始屏幕的必须显示区域。完全按照您的设计。右线和底线定义了可添加和可移除的区域(自动重复区域)。

    就这样做:
    在 draw9patch 应用程序上缩放图像的顶部边缘。单击并拖动鼠标以绘制线条。然后按 shift + 单击并拖动鼠标以删除线条。



    如果您开发跨平台应用程序(如 Cordova/PhoneGap)，您可以找到以下地址几乎所有 mabile OS 启动屏幕尺寸。点击 Windows Phone 、 WebOS 、 BlackBerry 、 Bada-WAC 和 Bada 初始屏幕尺寸。

    https://github.com/phonegap/phonegap/wiki/App-Splash-Screen-Sizes

    如果您需要 IOS、Android 等应用程序图标大小，您可以 visit here 。

    IOS
    Format : PNG (recommended)

Dimensions

 - Tablet (iPad)
   - Non-Retina (1x)
     - Portrait: 768x1024px
     - Landscape: 1024x768px
   - Retina (2x)
     - Portrait: 1536x2048px
     - Landscape: 2048x1536px
 - Handheld (iPhone, iPod)
   - Non-Retina (1x)
     - Portrait: 320x480px
     - Landscape: 480x320px
   - Retina (2x)
     - Portrait: 640x960px
     - Landscape: 960x640px
 - iPhone 5 Retina (2x)
   - Portrait: 640x1136px
   - Landscape: 1136x640px
 - iPhone 6 (2x)
   - Portrait: 750x1334px
   - Landscape: 1334x750px
 - iPhone 6 Plus (3x)
   - Portrait: 1242x2208px
   - Landscape: 2208x1242px

    关于用于 ldpi、mdpi、hdpi、xhdpi 显示器的 android 初始屏幕尺寸？ - 例如 : 1024X768 pixels for ldpi，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13487124/

    ldpi1024X76834splashandroidsplash-screenpixel-density

    有关用于 ldpi、mdpi、hdpi、xhdpi 显示器的 android 初始屏幕尺寸？ - 例如 : 1024X768 pixels for ldpi的更多相关文章

    1. ruby - 解析 RDFa、微数据等的最佳方式是什么，使用统一的模式/词汇(例如 schema.org)存储和显示信息 - 2

      我主要使用Ruby来执行此操作，但到目前为止我的攻击计划如下:使用gemsrdf、rdf-rdfa和rdf-microdata或mida来解析给定任何URI的数据。我认为最好映射到像schema.org这样的统一模式，例如使用这个yaml文件，它试图描述数据词汇表和opengraph到schema.org之间的转换:#SchemaXtoschema.orgconversion#data-vocabularyDV:name:namestreet-address:streetAddressregion:addressRegionlocality:addressLocalityphoto:i

    2. ruby-on-rails - 有没有办法为 CarrierWave/Fog 设置上传进度指示器？ - 2

      我在Rails应用程序中使用CarrierWave/Fog将视频上传到AmazonS3。有没有办法判断上传的进度，让我可以显示上传进度如何？ 最佳答案 CarrierWave和Fog本身没有这种功能；你需要一个前端uploader来显示进度。当我不得不解决这个问题时，我使用了jQueryfileupload因为我的堆栈中已经有jQuery。甚至还有apostonCarrierWaveintegration因此您只需按照那里的说明操作即可获得适用于您的应用的进度条。 关于ruby-on-r

    3. 屏幕录制为什么没声音？检查这2项，轻松解决 - 2

      相信很多人在录制视频的时候都会遇到各种各样的问题，比如录制的视频没有声音。屏幕录制为什么没声音？今天小编就和大家分享一下如何录制音画同步视频的具体操作方法。如果你有录制的视频没有声音，你可以试试这个方法。 一、检查是否打开电脑系统声音相信很多小伙伴在录制视频后会发现录制的视频没有声音，屏幕录制为什么没声音？如果当时没有打开音频录制，则录制好的视频是没有声音的。因此，建议在录制前进行检查。屏幕上没有声音，很可能是因为你的电脑系统的声音被禁止了。您只需打开电脑系统的声音，即可录制音频和图画同步视频。操作方法：步骤1：点击电脑屏幕右下侧的“小喇叭”图案，在上方的选项中，选择“声音”。 步骤2：在“声

    4. 安卓apk修改(Android反编译apk) - 2

      最近因为项目需要，需要将Android手机系统自带的某个系统软件反编译并更改里面某个资源，并重新打包，签名生成新的自定义的apk，下面我来介绍一下我的实现过程。APK修改，分为以下几步：反编译解包,修改,重打包,修改签名等步骤。安卓apk修改准备工作1.系统配置好JavaJDK环境变量2.需要root权限的手机（针对系统自带apk,其他软件免root）3.Auto-Sign签名工具4.apktool工具安卓apk修改开始反编译本文拿Android系统里面的Settings.apk做demo,具体如何将apk获取出来在此就不过多介绍了，直接进入主题：按键win+R输入cmd，打开命令窗口，并将路

    5. ruby - 如何从 nokogiri 对象获取标识符(例如 xpath)？ - 2

      遍历nokogiri并使用xpath选择元素相当容易。我需要这个反之亦然，意思是:我需要例如在nokogiri节点上调用.to_xpath以获取元素的完整xpath以将其存储在记录中。有人知道这样做的方法吗？ 最佳答案 我能想到的最简单的方法是:Nokogiri::CSS.xpath_fornode.css_path编辑:您也可以尝试使用path方法。 关于ruby-如何从nokogiri对象获取标识符(例如xpath)？，我们在StackOverflow上找到一个类似的问题：

    6. 电脑启动后显示器黑屏怎么办？排查下面4个问题，快速解决 - 2

      电脑启动出现显示器黑屏是一个相当常见的问题。如果您遇到了这个问题，不要惊慌，因为它有很多可能的原因，可以采取一些简单的措施来解决它。在本文中，小编将介绍下面4种常见的电脑启动后显示器黑屏的原因，排查这些原因，快速解决！ 演示机型：联想Ideapad700-15ISK-ISE系统版本：Windows10一、显示器问题如果出现电脑启动后显示器黑屏的情况。那么首先您需要检查一下显示器是否正常工作。您可以通过更换另一个显示器或将当前显示器连接到另一台计算机来检查显示器是否存在问题。如果问题仍然存在，那么您可以排除显示器故障的可能性。 二、显卡问题如果您的电脑配备了独立显卡，那么显卡故障也可能是导致电脑

    7. ruby-on-rails - 如何 'rake spec' 一个目录，例如楷模？ - 2

      我可以rakespec并运行所有规范。但是尝试为一个目录运行规范，如rakespec/models/orrakespec/models/*.rb不提供任何输出或错误。一个选项是我可以做rspecspec/models/*.rb或rspecspec/models/但我想知道我是否可以留在Rake。 最佳答案 尝试使用rakespec:models而不是rakespec/models。运行rake-T|grepspec查看所有可用的rakespec任务。更新:通过rakespec运行规范可能比通过rspecspec运行它们慢，rspec

    8. ruby - 太阳黑子:按属性对刻面结果进行排序/排序，例如创建时间 - 2

      Assets模型:searchabledotext:titletext:descriptiontime:created_atinteger:category_ids,:multiple=>true,:references=>CategoryendController:search=Asset.search()dokeywords(h(params[:query]),:fields=>[:title,:description])facet(:category_ids)order_by:created_atend我不想通过:count(点击次数)对我的方面:Category_ides进行排

    9. ruby-on-rails - 在服务器端检测屏幕尺寸和像素密度？ - 2

      我一直在做一些研究，我想我已经知道答案了，但我想知道是否有任何方法可以在不使用javascript或依赖CSS3媒体的情况下获得设备的屏幕尺寸和像素密度查询。本质上，我正在研究如何获取屏幕分辨率和像素密度，以便服务器可以决定在URI请求中为服务器提供哪个图像。到目前为止，我还没有发现任何证据表明这是可能的，但我想嘿，为什么不问问呢？ 最佳答案 我不完全同意上面的正确答案。实际上，这个答案在很多情况下都是正确的……但理论上并非如此。通常向Web服务器发出的请求包含一个User-Agent字段，从理论上讲，该字段可用于识别有关设备屏幕分

    10. ruby - 使用符号读写 Sinatra 参数，例如参数[:id] - 2

      我的表单通过POST接收数据。当我执行putsparams时，我可以看到:{"id"=>"123","id2"=>"456"}现在是命令:putsparams['id']#=>123putsparams[:id]#=>123params['id']='999'putsparams#=>{"id"=>"999","id2"=>"456"}但是当我这样做的时候:params[:id]='888'putsparams我明白了{"id"=>"999","id2"=>"456",:id=>"888"}在IRB中它工作正常:params#=>{"id2"=>"2","id"=>"1"}params

    随机推荐