UI----Android主流屏幕分辨率介绍

最新推荐文章于 2024-06-23 02:39:44 发布
最新推荐文章于 2024-06-23 02:39:44 发布
阅读量819 收藏
点赞数
分类专栏： 开发技巧 文章标签： android layout button encoding iphone

对于Android游戏开发我们不得不像iPhone那样思考兼容Android平板电脑，苹果要考虑iPad、iPhone 3GS和iPhone 4等屏幕之间的兼容性，对于开发Android游戏而言也不例外，考虑的机型更多。

　　常规的我们可能只考虑QVGA，HVGA，WVGA，FWVGA和DVGA，但是抛去了手机不谈，可能平板使用类似 WSVGA的1024x576以及WXGA的1280x768等等。

　　QVGA = 320 * 240;
　　WQVGA = 320 * 480;
　　WQVGA2 = 400 * 240;
　　WQVGA3 = 432 * 240;
　　HVGA = 480 * 320;
　　VGA = 640 * 480;
　　WVGA = 800 * 480;
　　WVGA2 = 768 * 480;
　　FWVGA = 854 * 480;
　　DVGA = 960 * 640;
　　PAL = 576 * 520;
　　NTSC = 486 * 440;
　　SVGA = 800 * 600;
　　WSVGA = 1024 * 576;
　　XGA = 1024 * 768;
　　XGAPLUS = 1152 * 864;
　　HD720 = 1280 * 720;
　　WXGA = 1280 * 768;
　　WXGA2 = 1280 * 800;
　　WXGA3 = 1280 * 854;
　　SXGA = 1280 * 1024;
　　WXGA4 = 1366 * 768;
　　SXGAMINUS = 1280 * 960;
　　SXGAPLUS = 1400 * 1050;
　　WXGAPLUS = 1440 * 900;
　　HD900 = 1600 * 900;
　　WSXGA = 1600 * 1024;
　　WSXGAPLUS = 1680 * 1050;
　　UXGA = 1600 * 1200;
　　HD1080 = 1920 * 1080;
　　QWXGA = 2048 * 1152;
　　WUXGA = 1920 * 1200;
　　TXGA = 1920 * 1400;
　　QXGA = 2048 * 1536;
　　WQHD = 2560 * 1440;
　　WQXGA = 2560 * 1600;
　　QSXGA = 2560 * 2048;
　　QSXGAPLUS = 2800 * 2100;
　　WQSXGA = 3200 * 2048;
　　QUXGA = 3200 * 2400;
　　QFHD = 3840 * 2160;
　　WQUXGA = 3840 * 2400;
　　HD4K = 4096 * 2304;
　　HXGA = 4096 * 3072;
　　WHXGA = 5120 * 3200;
　　HSXGA = 5120 * 4096;
　　WHSXGA = 6400 * 4096;
　　HUXGA = 6400 * 4800;
　　SHV = 7680 * 4320;
　　WHUXGA = 7680 * 4800;

　　对于Android游戏中适应高分辨率的平板而言，资源可以考虑一个强制的绝对布局保证全屏显示，而手机上的多种分辨率使用相对布局更为合理些。

Android：

       HVGA:320*480    ------------

       QVGA:240*320    ------------

      WQVGA400:240*400

     WQVGA432:240*432

     WVGA800:480*800    -------------

    WVGA854:480*854     -------------

屏幕适配
/layout
/layout-480x320
/layout-port-480x320


/**********************version :android2.2*以上的一个例子*******************************/

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#535252"
    android:gravity="center_vertical"
    android:orientation="vertical" 
    >
    <!-- 自定义标题 ：定义在另一个文件当中,用编码的方式 设置进来-->
     
    <!-- 券商名称 -->
       
     <LinearLayout 
       android:orientation="horizontal"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       android:layout_marginTop="15dip"
       android:layout_weight="1"
       >
       <TextView 
       android:layout_width="60dip"
       android:layout_height="wrap_content"
       android:layout_marginLeft="10dip"
       android:text="券商名称">
                   
       </TextView>
       <EditText 
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_marginLeft="10dip"
       android:width="220dip"
       />
   </LinearLayout>
   <!-- 营业部-->
    <LinearLayout 
       android:orientation="horizontal"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       android:layout_weight="1"
       >
       <TextView 
       android:layout_width="60dip"
       android:layout_height="wrap_content"
       android:gravity="left"
       android:layout_marginLeft="10dip"
       android:text="营 业 部">
       </TextView>
       <EditText 
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
      android:layout_marginLeft="10dip"
       android:width="220dip"
       />
   </LinearLayout>
   <!-- 账号类型-->
    <LinearLayout 
       android:orientation="horizontal"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       android:layout_weight="1"
       >
       <TextView 
       android:layout_width="60dip"
       android:layout_height="wrap_content"
       android:gravity="left"
       android:layout_marginLeft="10dip"
       android:text="账号类型">
       </TextView>
       <EditText 
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
      android:layout_marginLeft="10dip"
       android:width="220dip"
       />
       
   </LinearLayout>
   
    <LinearLayout 
       android:orientation="horizontal"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       android:layout_weight="1"
       >
       <TextView 
       android:layout_width="60dip"
       android:layout_height="wrap_content"
        android:layout_marginLeft="10dip"
       android:text="账号">
       </TextView>
       <EditText 
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:width="150dip"
       android:layout_marginLeft="10dip"/>
       <CheckBox  
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:id="@+id/username"
           android:layout_marginLeft="10dip"
           android:text="显示"/>
   </LinearLayout>
   
    <LinearLayout 
       android:orientation="horizontal"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       android:layout_weight="1"
       >
       <TextView 
       android:layout_width="60dip"
       android:layout_height="wrap_content"
       android:layout_marginLeft="10dip"
       android:text="交易密码">
       </TextView>
       
       <EditText 
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
              android:width="150dip"
       android:layout_marginLeft="10dip"/>
     
       <CheckBox  
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:id="@+id/username"
           android:layout_marginLeft="10dip"
           android:text="隐藏"/>
       
       </LinearLayout>
   
       <!-- 通信密码-->
    <LinearLayout 
       android:orientation="horizontal"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       android:layout_weight="1"
       >
       <TextView 
       android:layout_width="60dip"
       android:layout_height="wrap_content"
       android:layout_marginLeft="10dip"      
       android:text="通信密码">
       </TextView>
       <EditText 
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_marginLeft="10dip"
       android:width="220dip"
       />
   </LinearLayout>
    <LinearLayout 
       android:orientation="horizontal"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       android:layout_weight="1"
       android:gravity="center_horizontal"
       >
       <!-- <TextView 
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:gravity="left"
       style="@style/style_login_text"
       android:text="账户管理 ">
       </TextView>
        <TextView 
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:gravity="left"
       style="@style/style_login_text"
       android:text="立即登录">
       </TextView>
        -->
     <Button 
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
      android:background="@drawable/login"
      android:textColor="#ffffffff"
      android:text="账户管理"
         />
     <Button 
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
      android:background="@drawable/login"
      android:textColor="#ffffffff"
      android:layout_marginLeft="10dip"
      android:text="立即登录"
         />
        
   </LinearLayout>
   <LinearLayout 
       android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       android:layout_weight="1"
       android:background="#060606">
       
       <Button  android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                
                android:text="logo"
                android:id="@+id/logo"/>
       <TextView android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="鑫财通跑马灯鑫财通跑马灯......."
           android:layout_marginLeft="5dip"/>
       
   </LinearLayout>
   
</LinearLayout>

/*****************************version 1.6 以上的一个例子**********************************/

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#535252"
    android:gravity="center_vertical"
    android:orientation="vertical" 
    >
    <!-- 自定义标题 ：定义在另一个文件当中,用编码的方式 设置进来-->
     
    <!-- 券商名称 -->
     <LinearLayout 
       android:orientation="horizontal"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       android:layout_marginTop="10dip"
       
       android:gravity="center_horizontal"
       android:layout_weight="1"
       >
       <TextView 
       android:layout_height="wrap_content"
       style="@style/mainstyle"
       android:text="券商名称">
                   
       </TextView>
       <EditText 
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_marginLeft="10dip"
       android:width="220dip"
       />
   </LinearLayout>
   <!-- 营业部-->
    <LinearLayout 
       android:orientation="horizontal"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       
       android:gravity="center_horizontal"
       android:layout_weight="1"
       >
       <TextView 
       android:layout_width="60dip"
       android:layout_height="wrap_content"
       
       android:layout_marginLeft="10dip"
       android:text="营 业 部">
       </TextView>
       <EditText 
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
      android:layout_marginLeft="10dip"
       android:width="220dip"
       />
   </LinearLayout>
   <!-- 账号类型-->
    <LinearLayout 
       android:orientation="horizontal"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       
       android:gravity="center_horizontal"
       android:layout_weight="1"
       >
       <TextView 
       android:layout_width="60dip"
       android:layout_height="wrap_content"
       
       android:layout_marginLeft="10dip"
       android:text="账号类型"
       android:id="@+id/number_type">
       </TextView>
       <EditText 
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
      android:layout_marginLeft="10dip"
       android:width="220dip"
       android:id="@+id/et_number_type"
       />
   </LinearLayout>
      <!-- 账号 -->
      <LinearLayout 
       android:orientation="horizontal"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       android:gravity="center_horizontal"
       android:layout_weight="1"
       >
       <TextView 
       android:layout_width="60dip"
       android:layout_height="wrap_content"
       android:layout_marginLeft="10dip"
       android:text="账号">
       </TextView>
       
       <EditText 
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
      android:layout_marginLeft="10dip"
       android:width="150dip"/>
       
       <CheckBox  android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:text="显示"/>
   </LinearLayout>
     <!--  密码 -->
   <LinearLayout 
       android:orientation="horizontal"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       
       android:gravity="center_horizontal"
       android:layout_weight="1">
       <TextView 
       android:layout_width="60dip"
       android:layout_height="wrap_content"
       
       android:layout_marginLeft="10dip"
       android:text="交易密码">
       </TextView>
       <EditText 
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_marginLeft="10dip"
       android:width="150dip"
       />
       <CheckBox  android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:text="显示"/>
   </LinearLayout>
      
   
       <!-- 通信密码-->
    <LinearLayout 
       android:orientation="horizontal"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       
       android:gravity="center_horizontal"
       android:layout_weight="1"
       >
       <TextView 
       android:layout_width="60dip"
       android:layout_height="wrap_content"
       android:layout_marginLeft="10dip"      
       android:text="通信密码">
       </TextView>
       <EditText 
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_marginLeft="10dip"
       android:width="220dip"
       />
   </LinearLayout>
    <!-- 账户管理  -->
    <LinearLayout 
       android:orientation="horizontal"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       
       android:gravity="center_horizontal"
       android:layout_weight="1"
       >
       
     <Button 
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
      android:background="@drawable/login"
      android:textColor="#ffffffff"
      android:text="账户管理"
         />
     <Button 
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
      android:background="@drawable/login"
      android:textColor="#ffffffff"
      android:layout_marginLeft="10dip"
      android:text="立即登录"
         />
        
   </LinearLayout>
   <!-- 立即登录 -->
   <!-- 固定 底部 -->
   <LinearLayout 
       android:layout_width="fill_parent"
       android:layout_height="50dip"
       
       android:gravity="center_horizontal"
       android:layout_weight="1"
       >
       
       <Button  android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:height="20dip"
                android:text="logo"
                android:id="@+id/logo"/>
       <TextView android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="鑫财通跑马灯鑫财通跑马灯......."
           android:layout_marginLeft="5dip"/>
       
   </LinearLayout>
   
</LinearLayout>

     

niu0147
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
UI分辨率
dazhi51的博客
02-07 413
兼容ipad 2:3 不兼容16：9 1152*768 1366*768 高度适配
Android不同分辨率的UI尺寸的换算
ML
09-23 451
根据UI提供的具体尺寸进行换算
Android-目前最稳定和高效的UI适配方案
最新发布
2401_85493350的博客
06-23 735
小编这些年深知大多数初中级Android工程师，想要提升自己，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！资料⬅专栏获取该从何学起的朋友。**
干货！！UI设计手机尺寸规范优漫动游
IUcom的博客
02-08 4165
对于刚入行的UI设计师，往往会遇到一个基础问题，就是设计移动APP时，是用什么尺寸或者用哪种屏幕的尺寸是适当的？优漫小编顺便说一些需要注意的问题理解什么是像素密度。
UI设计师不可不知的安卓屏幕知识
xc605098599的专栏
03-21 2167
 UI设计师不可不知的安卓屏幕知识(不少设计师和工程师都被安卓设备纷繁的屏幕搞得晕头转向，我既做UI设计，也做一部分安卓界面布局，刚好对这块内容比较熟悉，也曾在公司内部做过相关的讲座，在此，我将此部分知识重新梳理出来分享给大家！ 1、了解几个概念 （1）分辨率。分辨率就是手机屏幕的像素点数，一般描述成屏幕的“宽×高”，安卓手机屏幕常见的分辨率有480×800、720×12
（转）Unity 3D手游对不同分辨率屏幕的UI自适应
qq_40795166的博客
02-01 3758
转至：https://www.cnblogs.com/notorious/p/12932610.html 目前安卓手机的屏幕大小各异，没有统一的标准，因此用Unity 3D制作的手游需要做好对不同分辨率屏幕的UI自适应，否则就会出现UI大小不一和位置错位等问题。 我们的项目在开发时的参照分辨率（Reference Resolution ）设置的是主流的1920*1080，我们通过Unity提供的Canvas Scaler组件实现UI对不同分辨率屏幕的自适应。 1.将Canvas Scaler的UI S
Android-BottomTabView自定义实现主流底部Tab菜单View
08-13
本篇文章将详细介绍如何在Android中自定义实现一个主流的BottomTabView，以满足特定的设计需求。我们将讨论以下几个关键知识点： 1. **自定义View**: 自定义View是Android开发中的一个重要部分，它允许开发者创建...
Android的分辨率和屏幕适配详解
09-01
2. **屏幕分辨率**：指屏幕水平和垂直方向的像素数量，例如1920x1080像素。高分辨率意味着更高的清晰度。 3. **屏幕像素密度（DPI）**：每英寸上的像素点数。DPI越高，图像在屏幕上看起来更细腻。Android系统将160...
集创堂-UI的自我发展
02-09
GUI的发展历程中，屏幕分辨率经历了从低到高的演变，如1440 X 2560、224X224、720X1280、112X112、540X960、84X84等，反映了用户对高清显示的需求。而如今，如1080X1920和168X168等尺寸仍然是Android和iOS系统中的...
Android--SDK
10-23
5. **编译工具**：如Apache Ant和Gradle，它们用于构建和打包APK文件，Gradle已成为现代Android项目的主流构建工具。 6. **模拟器**：Android Emulator允许开发者在计算机上运行虚拟设备进行测试，模拟不同的硬件...
Android屏幕适配主流方案的对比和集成
03-25
在Android开发中，屏幕适配是一项至关重要的任务，因为Android设备拥有广泛的屏幕尺寸和分辨率。本文将详述几种主流的Android屏幕适配方案，并进行对比分析，帮助开发者选择最适合项目需求的方法。 一、密度无关...
移动端UI设计尺寸规范以及iPhone尺寸大小
wang159477的博客
08-24 1万+
移动端UI设计尺寸规范以及iPhone尺寸大小
安卓分辨率_安卓偏门技巧——调整UI的“分辨率”
weixin_36147585的博客
01-09 629
现在手机的屏幕越来越大，但是很多UI都保留着当年4.5~5英寸屏幕的设计比例，可能大多人因为习惯了不觉得有什么不好，但是用一个6寸多的屏幕显示5寸的内容是不是有点浪费了呢？单纯的调整字体大小并不能从跟不上解决其他显示元素大小的问题，最近无聊摸索开发者选项的时候发现了一个“真香”设置项：开发者选项—绘图—最小宽度(不同UI可能说法不同)一般这个数值就是你手机屏幕的PPI或者近似值，比如我的手机5.9...
Android 屏幕适配之使用蓝湖以及AndroidStudio全面解决屏幕适配问题
热门推荐
听海的博客
09-25 2万+
1.蓝湖官网： https://lanhuapp.com/     2.蓝湖中的UI同事的设计   2.1.图片       2.布局             3.AndroidStudio中创建不同屏幕的布局           然后按着蓝湖上 的代码 比如     将UI同事切得xxhdpi图片放到   ...
Android Phone Pad UI设计主流分辨率
yuxiatongzhi的专栏
06-12 4583
android phone和pad的常见分辨率
移动端尺寸基础知识
一片枫叶的专栏
11-25 5429
初涉移动端设计和开发的同学们，基本都会在尺寸问题上纠结好一阵子才能摸到头绪。我也花了很长时间才弄明白，感觉有必要写一篇足够通俗易懂的教程来帮助大家。从原理说起，理清关于尺寸的所有细节。由于是写给初学者的，所以不要嫌我啰嗦。现象首先说现象，大家都知道移动端设备屏幕尺寸非常多，碎片化严重。尤其是Android，你会听到很多种分辨率：480x800, 480x854, 540x960, 720x1280
Android手机屏幕分辨率及UI设计资料
dabaoonline的专栏
08-11 738
Android手机分辨率Android应用icon设计规范
前端适配不同型号手机分辨率，100%还原UI设计稿的方案实践
u013203270的博客
07-13 5781
现在手机屏大小不一，而且屏幕硬件性能也各不相同，一般的UI设计都是基于特定机型画设计搞件的，常见的是基于iPhone6的分辨率设计2倍图，以iPhone6为例，屏幕物理像素宽度是750，网页宽度为375PX。开发中还要根据不同手机留出设计余量，因为不同分辨率的手机显示时会有拉伸位移。网上也有一些方案，处理高清屏适配方案，但一般也只把DPR适配到2，彩用所有长度单位放大2位，网页整体缩放50%的的做...
移动端高清、多屏适配方案
weixin_30343157的博客
02-18 537
移动端高清、多屏适配方案 背景 开发移动端H5页面 面对不同分辨率的手机 面对不同屏幕尺寸的手机 视觉稿 在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。 对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点： 首先，选取一款手机的屏幕宽高作为基准(以前是iphone4的320×480，现在更多的是iphone6的375×667)...
Android屏幕适配与多分辨率策略
"Android屏幕适配涉及分辨率、屏幕尺寸、屏幕密度和密度无关像素(dip)等概念，旨在确保应用在不同设备上具有良好的显示效果。Android将屏幕尺寸分为small、normal、large和extra large四类，密度分为ldpi、mdpi、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值