We define app Picture specifications

app Icons need to be divided into iphone and android Two sets

iphone:

name

Iphone4

Iphone5

Cell phone size

960*640( high * wide )

1136*640 ( high * wide )

Battery bar

40px

40px

Top navigation bar

88px

88px

Bottom navigation bar

98px

98

Icon Icon

57*57px  and  114*114px

Please design the specifications of the required pictures according to the above information
Android:
1) In application App Icon And 【 home page 】 The icon :
drawable-hdpi: 72*72px
drawable-mdpi: 48*48px
drawable-xdpi: 96*96px
2) Common buttons :
drawable-mdpi: high 32px
drawable-hdpi: high 48px

drawable-xdpi: high 64px
3)【 more 】 The icon in :
drawable-mdpi: 32px * 32px
drawable-hdpi: 48px*48px
drawable-xdpi: 64px*64px

mobile phone Background picture specifications :

Iphone4:(960-40)*640 px

Iphone5: (1136-40)*640 px

notes :40px For battery bar

android Background map :
drawable-mdpi: 480*320px
drawable-hdpi: 800*460px

drawable-xdpi:1280*720px

Buttons and other pictures
  The artist sets the size according to the resolution , There is no specific regulation .

Iphone5 Image applications in need to judge :

Picture size :640*1136, Naming method Default-568h@2x.png

Judge iphone5:

#define iPhone5 ([UIScreen instancesRespondToSelector:@selector(currentMode)] ? CGSizeEqualToSize(CGSizeMake(640, 1136), [[UIScreen mainScreen] currentMode].size) : NO)

Iphone5 Picture application

iphone5? @“Default-568h.png”: @“Default.png”;

The startup icon needs specifications iphone and android Two sets , The format is .PNG.

iphone:

57*57px
114*114px
1024*1024px
android:
drawable-mdpi: 48*48px
drawable-hdpi: 72*72px
drawable-xdpi: 96*96px
drawable-xxdpi: 144*144px

iphone5 Specifications :

[[UIScreen mainScreen] bounds].frame.size;

app More articles on picture specifications

  1. Android Image specifications defined by each resolution

    We define app Picture specifications app Icons need to be divided into iphone and android Two sets iphone: name Iphone4 Iphone5 Cell phone size 960*640( high * wide ) 1136*640 ( high * wide ) The battery ...

  2. iOS Development of the application to start the picture specification

    One app During startup, it will be displayed in full screen, which is called Default.png Pictures of the Various specifications Default Where to use : Default.png: Not retina-iPhone The screen ,320x480 Default@2x.p ...

  3. 62.Android The image specifications defined by each resolution of

    Reprint :http://www.nljb.net/default/Android%E4%B9%8B%E5%90%84%E5%88%86%E8%BE%A8%E7%8E%87%E5%AE%9A%E4%B9%8 ...

  4. Web App Image upload editor

    Use cropper.jqueryUpload plug-in unit .Jquery.src-dataurl-canvas-blob file . @{ ViewBag.Title = " Update your avatar "; Layo ...

  5. H5 How to make a mobile phone app( Move Web App)? Picture carousel ?ionic、MUI

    Move Web App  Cross platform development   Users don't need to go to the store to download and install App  It can be released at any time App Just one development project   have access to HTML5,CSS3 as well as JavaScript And server-side language (PHP,Rub ...

  6. html5 app Picture preload

    function Laimgload(){} // Picture preload JS Laimgload.prototype.winHeight = function(){ // Calculate page height var winHeight ...

  7. Universal App Picture files and pictures byte[] Information is transformed into bitmap

    1. Open the picture file and convert it to BitmapImage class The first thing to do is to open a picture file , have access to FileOpenPicker To manually select images , Anyway, I can get one StorageFile Will do . // Open picture selection ...

  8. app Icon specification reference table

    from :http://www.cocoachina.com/appstore/top/2012/1105/5031.html I can't remember as much as I can iOS There are many developers who apply the pixel size of icons , I often need to check different devices ...

  9. SharePoint 2013 App The picture wall of the example

    Applications are essentially Web Applications . If you know how to generate Web Applications , Then you know how to generate SharePoint Related applications . You can use any language , Such as HTML.JavaScript.PHP or . ...

Random recommendation

  1. oracle Function writing summary

    1: First look at creating a function Give a date , Judge whether it's a rest day . create or replace function test(date_in in date) return int is num int; ...

  2. Random gradient descent of gradient descent -minibatch And parallelization

    The introduction of questions : Consider a typical supervised machine learning problem , Given m Training samples S={x(i),y(i)}, We get a set of weights through empirical risk minimization w, Now for the whole training set, the objective function to be optimized is : Where is a single training sample (x(i),y ...

  3. Day1 First time to know Python

    (1) Variables and assignments name = "wanghuafeng" age = 29 print(name, age) a and b Exchange value a = 3 b = 5 tmp = a a = b b ...

  4. LINUX note -top command

    top Commands are often used to monitor linux The state of the system , such as cpu. Memory usage . top - :: up day, :, users, load average: 0.00, 0.01, 0.00 Tasks: ...

  5. Never worry about the keyboard covering the input box OC( One )

    writing /Jiar_( Jane book author ) Link to the original text :http://www.jianshu.com/p/48993ff982c1 The copyright belongs to the author , Please contact the author for permission to reprint , And mark “ Jane book author ”. The new version is here : No more worries ...

  6. Request processing failed; nested exception is java.lang.IllegalArgumentException: No converter found for return value of type: class cn.e3mall.pojo.TbItem

    The exception is the lack of json Related to the package Just make up for the following dependencies : <!-- Jackson Json Processing kits --><dependency> <groupId>com.fas ...

  7. python The foundation centos6.5 upgrade python2.7, install pip, MySQLdb

    This is just for the purpose of running scripts , take centos6.5 Medium python 2.6.6 Upgrade to 2.7 And installed and installed pip and MySQLdb 1. Install dependency first yum install zlib-devel ...

  8. python Learning notes 8-- object-oriented programming

    One . object-oriented programming object-oriented --Object Oriented Programming, abbreviation oop, It's a kind of programming idea . Before we talk about object orientation , Let's talk about the programming paradigm first , Programming paradigm, how do you program , To achieve a ...

  9. Linux Baidu cloud disk is installed in the system

    Baidu cloud doesn't have Linux client , So there is a big God Go It's written in a language called BaiduPCS-Go Command line disk client , Baidu cloud disk can be operated through the terminal , stay Linux Upload and download on the Internet . But because it's the command line version , Use basic... For no command line ...

  10. Nginx Function module

    One .Nginx Core function module Nginx The core function module is responsible for Nginx Global application of , It mainly corresponds to the Main Block and Events block , There's a lot of Nginx Required global parameter configuration . Nginx ...