Layar iPhone 5 baru memiliki rasio aspek baru dan resolusi baru (640 x 1136 piksel).
Apa yang diperlukan untuk mengembangkan aplikasi baru atau transisi yang sudah ada ke ukuran layar baru?
Apa yang harus kita ingat untuk membuat aplikasi "universal" untuk tampilan lama dan rasio aspek layar lebar baru?
Jawaban:
[[UIScreen mainScreen] bounds]karena sepertinya tidak ada API khusus untuk itu. Pada iOS 8 ada juga kelas ukuran yang ukuran layar abstrak menjadi reguler atau kompak secara vertikal dan horizontal dan direkomendasikan cara untuk menyesuaikan UI Anda.Jika Anda memiliki aplikasi yang dibangun untuk iPhone 4S atau yang lebih lama, itu akan dijalankan dengan huruf letter pada iPhone 5.
Untuk menyesuaikan aplikasi Anda dengan layar baru yang lebih tinggi, hal pertama yang Anda lakukan adalah mengubah gambar peluncuran ke: Default-568h@2x.png. Ukurannya harus 1136x640 (HxW).Yap, memiliki gambar default dalam ukuran layar baru adalah kunci untuk membiarkan aplikasi Anda mengambil seluruh layar iPhone 5 yang baru .
(Perhatikan bahwa konvensi penamaan hanya berfungsi untuk gambar default. Memberi nama gambar lain "Image-568h@2x.png" tidak akan membuatnya dimuat di tempat "Image@2x.png". Jika Anda perlu memuat gambar yang berbeda untuk ukuran layar yang berbeda, Anda harus melakukannya secara terprogram.)
Jika Anda sangat beruntung, itu mungkin saja ... tetapi kemungkinan besar, Anda harus mengambil beberapa langkah lagi.
Dalam kasus ekstrem (ketika tidak satu pun di atas mencukupi), desain dua Xibs dan muat yang sesuai di view controller.
Untuk mendeteksi ukuran layar:
if(UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPhone)
{
CGSize result = [[UIScreen mainScreen] bounds].size;
if(result.height == 480)
{
// iPhone Classic
}
if(result.height == 568)
{
// iPhone 5
}
}Satu-satunya hal yang benar-benar diperlukan untuk dilakukan adalah menambahkan gambar peluncuran bernama "Default-568h@2x.png" ke sumber daya aplikasi, dan secara umum (jika Anda cukup beruntung) aplikasi akan bekerja dengan benar.
Jika aplikasi tidak menangani acara sentuh, maka pastikan bahwa jendela kunci memiliki ukuran yang tepat. Solusinya adalah mengatur frame yang tepat:
[window setFrame:[[UIScreen mainScreen] bounds]]Ada masalah lain yang tidak terkait dengan ukuran layar saat bermigrasi ke iOS 6. Baca Catatan Rilis iOS 6.0 untuk detailnya.
Terkadang (untuk aplikasi pra-storyboard), jika tata letak akan cukup berbeda, ada baiknya menentukan xib yang berbeda sesuai perangkat (lihat pertanyaan ini - Anda harus memodifikasi kode untuk berurusan dengan iPhone 5) di viewController init, karena tidak ada jumlah mengutak-atik masker autoresizing akan bekerja jika Anda membutuhkan grafis yang berbeda.
-(id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
NSString *myNibName;
if ([MyDeviceInfoUtility isiPhone5]) myNibName = @"MyNibIP5";
else myNibName = @"MyNib";
if ((self = [super initWithNibName:myNibName bundle:nibBundleOrNil])) {
...Ini berguna untuk aplikasi yang menargetkan versi iOS yang lebih lama.
Di sini Anda dapat menemukan tutorial yang bagus (untuk MonoTouch, tetapi Anda juga dapat menggunakan informasi untuk proyek-proyek Non-MonoTouch):
http://redth.info/get-your-monotouch-apps-ready-for-iphone-5 -ios-6-hari ini /
Buat gambar baru untuk layar splash / default Anda ( 640 x 1136 piksel ) dengan nama " Default-568h@2x.png "
Di Simulator iOS , buka Perangkat Keras -> menu Perangkat, dan pilih " iPhone (Retina 4-inci) "
Buat gambar lain, mis. Gambar latar belakang
public static bool IsTall
{
get {
return UIDevice.currentDevice.userInterfaceIdiom
== UIUserInterfaceIdiomPhone
&& UIScreen.mainScreen.bounds.size.height
* UIScreen.mainScreen.scale >= 1136;
}
}private static string tallMagic = "-568h@2x";
public static UIImage FromBundle16x9(string path)
{
//adopt the -568h@2x naming convention
if(IsTall())
{
var imagePath = Path.GetDirectoryName(path.ToString());
var imageFile = Path.GetFileNameWithoutExtension(path.ToString());
var imageExt = Path.GetExtension(path.ToString());
imageFile = imageFile + tallMagic + imageExt;
return UIImage.FromFile(Path.Combine(imagePath,imageFile));
}
else
{
return UIImage.FromBundle(path.ToString());
}
}Sangat mudah untuk memigrasikan iPhone5 dan iPhone4 melalui XIB .........
UIViewController *viewController3;
if ([[UIScreen mainScreen] bounds].size.height == 568)
{
UIViewController *viewController3 = [[[mainscreenview alloc] initWithNibName:@"iphone5screen" bundle:nil] autorelease];
}
else
{
UIViewController *viewController3 = [[[mainscreenview alloc] initWithNibName:@"iphone4screen" bundle:nil] autorelease];
}Saya menyelesaikan masalah ini di sini . Cukup tambahkan ~ 568h @ 2x suffix ke gambar dan ~ 568h ke xib's. Tidak perlu lagi pemeriksaan runtime atau perubahan kode.
Saya telah menambahkan gambar peluncuran default baru dan (dalam memeriksa beberapa jawaban SE lainnya ...) memastikan storyboard saya semuanya berukuran sendiri dan disubmit tetapi retina 4 inci masih berbentuk letterbox.
Kemudian saya perhatikan bahwa daftar info saya memiliki item baris untuk " Luncurkan gambar " yang diatur ke " Default.png ", yang dengan demikian saya hapus dan kotak surat ajaib tidak lagi muncul. Mudah-mudahan, itu menyelamatkan orang lain kegilaan yang sama seperti yang saya alami.
Saya kira, ini tidak akan berfungsi dalam semua kasus, tetapi dalam proyek khusus saya itu menghindarkan saya dari duplikasi file NIB:
Di suatu tempat di dalam common.hAnda dapat membuat definisi ini berdasarkan ketinggian layar:
#define HEIGHT_IPHONE_5 568
#define IS_IPHONE ([[UIDevice currentDevice] userInterfaceIdiom] == UIUserInterfaceIdiomPhone)
#define IS_IPHONE_5 ([[UIScreen mainScreen] bounds ].size.height == HEIGHT_IPHONE_5)Di pengontrol dasar Anda:
- (void)viewDidLoad
{
[super viewDidLoad];
if (IS_IPHONE_5) {
CGRect r = self.view.frame;
r.size.height = HEIGHT_IPHONE_5 - 20;
self.view.frame = r;
}
// now the view is stretched properly and not pushed to the bottom
// it is pushed to the top instead...
// other code goes here...
}Dalam sebuah constants.hfile Anda dapat menambahkan pernyataan define ini:
#define IS_IPAD UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPad
#define IS_IPHONE UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPhone
#define IS_WIDESCREEN (fabs((double)[[UIScreen mainScreen] bounds].size.height - (double)568) < DBL_EPSILON)
#define IS_IPHONE_5 (!IS_IPAD && IS_WIDESCREEN)Untuk menentukan apakah aplikasi Anda dapat mendukung iPhone 5 Retina gunakan ini: (Ini bisa lebih kuat untuk mengembalikan jenis layar, 4S Retina, dll., Tetapi seperti yang tertulis di bawah ini, itu hanya kembali jika iPhone mendukung iOS5 Retina sebagai Ya atau tidak)
Dalam file ".h" yang umum tambahkan:
BOOL IS_IPHONE5_RETINA(void);Dalam file ".m" yang umum tambahkan:
BOOL IS_IPHONE5_RETINA(void) {
BOOL isiPhone5Retina = NO;
if(UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPhone) {
if ([UIScreen mainScreen].scale == 2.0f) {
CGSize result = [[UIScreen mainScreen] bounds].size;
CGFloat scale = [UIScreen mainScreen].scale;
result = CGSizeMake(result.width * scale, result.height * scale);
if(result.height == 960){
//NSLog(@"iPhone 4, 4s Retina Resolution");
}
if(result.height == 1136){
//NSLog(@"iPhone 5 Resolution");
isiPhone5Retina = YES;
}
} else {
//NSLog(@"iPhone Standard Resolution");
}
}
return isiPhone5Retina;
}Pertama-tama buat dua xibs dan lampirkan semua delegasi, kelas utama ke xibdan kemudian Anda dapat memasukkan kondisi yang disebutkan di bawah ini dalam appdelegate.mfile Anda di
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
if ([[UIScreen mainScreen] bounds].size.height == 568)
{
self.ViewController = [[ViewController alloc] initWithNibName:@"ViewControlleriphone5" bundle:nil];
}
else
{
self.ViewController = [[ViewController alloc] initWithNibName:@"ViewControlleriphone4" bundle:nil];
}Anda dapat menggunakannya di mana saja dalam program tergantung pada kebutuhan Anda bahkan di ViewControllerkelas Anda . Yang paling penting adalah Anda membuat dua xibfile terpisahiphone 4(320*480) and iphone 5(320*568)
Coba metode di bawah ini dalam kelas tunggal:
-(NSString *)typeOfDevice
{
if(UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPhone)
{
CGSize result = [[UIScreen mainScreen] bounds].size;
if(result.height == 480)
{
return @"Iphone";
}
if(result.height == 568)
{
return @"Iphone 5";
}
}
else{
return @"Ipad";;
}
return @"Iphone";
}Anda dapat menggunakan Auto Layoutfitur dan membuat desain menggunakan resolusi layar iPhone 5 dan itu akan bekerja untuk perangkat 4 "dan 3,5", tetapi dalam hal ini Anda harus memiliki pengetahuan yang cukup tentang tata letak manajer.
Memeriksa boundsdengan568 akan gagal dalam modus lansekap. iPhone 5 diluncurkan hanya dalam mode potret tetapi jika Anda ingin mendukung rotasi maka iPhone 5 "check" perlu menangani skenario ini juga.
Inilah makro yang menangani status orientasi:
#define IS_IPHONE_5 (CGSizeEqualToSize([[UIScreen mainScreen] preferredMode].size, CGSizeMake(640, 1136)))Penggunaan panggilan 'preferMode' berasal dari posting lain yang saya baca beberapa jam yang lalu jadi saya tidak menemukan ide ini.
Pertama-tama perlihatkan gambar ini. Dalam gambar itu Anda menunjukkan peringatan untuk dukungan Retina 4 jadi klik peringatan ini dan klik add sehingga layar splash Retina 4 Anda secara otomatis ditambahkan dalam proyek Anda.
dan setelah Anda menggunakan kode ini:
if([[UIScreen mainScreen] bounds].size.height == 568)
{
// For iphone 5
}
else
{
// For iphone 4 or less
}Saya tidak pernah menghadapi masalah dengan perangkat apa pun karena saya punya satu basis kode untuk semua, tanpa nilai hardcoded. Apa yang saya lakukan adalah memiliki gambar berukuran maksimum sebagai sumber daya alih-alih satu untuk setiap perangkat. Sebagai contoh, saya akan memiliki satu untuk tampilan retina dan menunjukkannya sebagai aspek fit sehingga akan dilihat seperti pada setiap perangkat. Datang untuk memutuskan kerangka tombol, misalnya, pada saat run time. Untuk ini saya menggunakan nilai% dari tampilan paten, misalnya, jika saya ingin lebar menjadi setengah dari tampilan induk ambil 50% dari induk dan berlaku sama untuk tinggi dan tengah.
Dengan ini saya bahkan tidak perlu xibs.
Anda dapat menggunakan definisi ini untuk menghitung jika Anda menggunakan iPhone 5 berdasarkan ukuran layar:
#define IS_IPHONE_5 ( fabs( ( double )[ [ UIScreen mainScreen ] bounds ].size.height - ( double )568 ) < DBL_EPSILON )lalu gunakan ifpernyataan sederhana :
if (IS_IPHONE_5) {
// What ever changes
}Peter, Anda harus benar-benar melihat Canappi, itu melakukan semua itu untuk Anda, yang harus Anda lakukan adalah menentukan tata letak seperti itu:
button mySubmitButton 'Sumbit' (100,100,100,30 + 0,88,0,0) { ... }Dari sana Canappi akan menghasilkan kode objektif-c yang benar yang mendeteksi perangkat yang sedang berjalan dan akan menggunakan:
(100,100,100,30) for iPhone4
(100,**188**,100,30) for iPhone 5Canappi berfungsi seperti Interface Builder dan Story Board yang digabungkan, kecuali bahwa itu dalam bentuk teks. Jika Anda sudah memiliki file XIB, Anda dapat mengonversinya sehingga Anda tidak perlu membuat ulang seluruh UI dari awal.
Anda dapat menambahkan kode ini:
if(UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPhone){
if ([[UIScreen mainScreen] respondsToSelector: @selector(scale)]) {
CGSize result = [[UIScreen mainScreen] bounds].size;
CGFloat scale = [UIScreen mainScreen].scale;
result = CGSizeMake(result.width * scale, result.height * scale);
if(result.height == 960) {
NSLog(@"iPhone 4 Resolution");
}
if(result.height == 1136) {
NSLog(@"iPhone 5 Resolution");
}
}
else{
NSLog(@"Standard Resolution");
}
}scalepemilih pada UIScreendan Anda akan memiliki kasus di mana kode "resolusi standar" Anda tidak eksekutif.
Ini adalah kode universal nyata, Anda dapat membuat 3 papan cerita yang berbeda:
Tetapkan mode Universal proyek Anda, dan atur iPhone cerita utama Anda dengan storyboard iPhone5 dan ipad utama dengan storyboard target iPad, sekarang tambahkan target storyboard baru untuk iphone dan modifikasi resolusi untuk iphone 4s atau kurang sekarang implementasikan AppDelegate.m Anda
iPhone4 / 4s (sama untuk 3 / 3Gs) satu untuk iPhone5 dan menjadikan proyek universal , dengan target Storyboard baru untuk iPad, sekarang masuk ke AppDelegate.m di bawah didFinishLaunchingtambahkan kode ini:
if(UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPhone){
UIStoryboard *storyBoard;
CGSize result = [[UIScreen mainScreen] bounds].size;
CGFloat scale = [UIScreen mainScreen].scale;
result = CGSizeMake(result.width *scale, result.height *scale);
//----------------HERE WE SETUP FOR IPHONE4/4s/iPod----------------------
if(result.height == 960){
storyBoard = [UIStoryboard storyboardWithName:@"iPhone4_Storyboard" bundle:nil];
UIViewController *initViewController = [storyBoard instantiateInitialViewController];
[self.window setRootViewController:initViewController];
}
//----------------HERE WE SETUP FOR IPHONE3/3s/iPod----------------------
if(result.height == 480){
storyBoard = [UIStoryboard storyboardWithName:@"iPhone4_Storyboard" bundle:nil];
UIViewController *initViewController = [storyBoard instantiateInitialViewController];
[self.window setRootViewController:initViewController];
}
}
return YES;
}Jadi, Anda telah membuat aplikasi Universal untuk iPhone 3 / 3Gs / 4 / 4s / 5 Semua gen iPod, dan Semua jenis iPad
Ingatlah untuk mengintegrasikan semua IMG dengan myImage.pngdanmyImage@2x.png
Menurut saya cara terbaik untuk mengatasi masalah seperti itu dan menghindari beberapa kondisi yang diperlukan untuk memeriksa ketinggian perangkat, adalah menggunakan kerangka relatif untuk tampilan atau elemen UI apa pun yang Anda tambahkan ke tampilan Anda misalnya: jika Anda menambahkan beberapa elemen UI yang Anda inginkan harus di bagian bawah tampilan atau tepat di atas bilah tab maka Anda harus mengambil asal y sehubungan dengan tinggi tampilan Anda atau sehubungan dengan bilah tab (jika ada) dan kami memiliki properti pengubahan ukuran otomatis juga. Saya harap ini akan berhasil untuk Anda
Daripada menggunakan serangkaian persyaratan, Anda dapat mengubah ukuran tampilan secara otomatis menggunakan ukuran layar.
int h = [[UIScreen mainScreen] bounds].size.height;
int w = [[UIScreen mainScreen] bounds].size.width;
self.imageView.frame = CGRectMake(20, 80, (h-200), (w-100));Dalam kasus saya, saya ingin tampilan yang mengisi ruang antara beberapa bidang input di bagian atas dan beberapa tombol di bagian bawah, jadi perbaiki sudut kiri atas dan variabel kanan bawah berdasarkan ukuran layar. Aplikasi saya mengisi tampilan gambar dengan foto yang diambil oleh kamera sehingga saya ingin semua ruang yang saya dapatkan.
Jika Anda perlu mengonversi aplikasi yang sudah ada menjadi universal, Anda harus memilih file xib yang sesuai-> tampilkan Utilities-> Tampilkan Ukuran inspektur.
Di inspektur Ukuran Anda dapat melihat Autosizing, dengan menggunakan alat ini Anda dapat mengonversi ke Aplikasi iOS yang ada.
Menggunakan xCode 5, pilih "Migrasi ke Katalog Aset" di Project> General.
Kemudian gunakan "Show in finder" untuk menemukan gambar peluncuran Anda, Anda dapat mengedit-dummy menjadi 640x1136, lalu seret ke dalam katalog aset seperti yang ditunjukkan pada gambar di bawah.
Pastikan bagian iOS7 dan iOS6 R4 memiliki gambar 640x1136. Lain kali Anda meluncurkan aplikasi, bilah hitam akan menghilang, dan aplikasi Anda akan menggunakan layar 4 inci
Pemberitahuan bernilai poin - dalam Xcode baru Anda harus menambahkan file gambar ini Default-568h@2x.png ke aset
Menggunakan Auto Layout fitur ini untuk dilihat. Ini akan menyesuaikan secara otomatis ke semua resolusi.
Buat dua xibs untuk controller yang memiliki nama controller dengan akhiran ~ iphone atau ~ ipad. Pada waktu kompilasi, Xcode akan mengambil xib kanan berdasarkan perangkat.
Gunakan kelas ukuran, jika Anda ingin membuat xib tunggal untuk iPhone dan iPad, jika tampilan cukup sederhana untuk port ke iPhone dan iPad.
Ada sedikit masalah saat menguji pada perangkat iOS dan iOS Simulator. Tampaknya simulator (XCode 6.0.1) memberikan nilai yang diubah untuk lebar dan tinggi[[UIScreen mainScreen] bounds].size tergantung pada orientasi perangkat.
Jadi ini mungkin menjadi masalah ketika menentukan ukuran layar fisik yang tepat. Kode ini juga membantu membedakan semua 2014. Generasi model iPhone:
Itu juga dapat dengan mudah diubah untuk membuat perbedaan antara misalnya iPhone6 dari iPhone6 +.
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
CGSize iOSDeviceScreenSize = [[UIScreen mainScreen] bounds].size;
if ([UIDevice currentDevice].userInterfaceIdiom == UIUserInterfaceIdiomPhone)
{
if (iOSDeviceScreenSize.width > 568 || // for iOS devices
iOSDeviceScreenSize.height > 568) // for iOS simulator
{ // iPhone 6 and iPhone 6+
// Instantiate a new storyboard object using the storyboard file named Storyboard_iPhone6
storyboard = [UIStoryboard storyboardWithName:@"MainStoryboard_iPhone6" bundle:nil];
NSLog(@"loaded iPhone6 Storyboard");
}
else if (iOSDeviceScreenSize.width == 568 || // for iOS devices
iOSDeviceScreenSize.height == 568) // for iOS simulator
{ // iPhone 5 and iPod Touch 5th generation: 4 inch screen (diagonally measured)
// Instantiate a new storyboard object using the storyboard file named Storyboard_iPhone5
storyboard = [UIStoryboard storyboardWithName:@"MainStoryboard_iPhone5" bundle:nil];
NSLog(@"loaded iPhone5 Storyboard");
}
else
{ // iPhone 3GS, 4, and 4S and iPod Touch 3rd and 4th generation: 3.5 inch screen (diagonally measured)
// Instantiate a new storyboard object using the storyboard file named Storyboard_iPhone4
storyboard = [UIStoryboard story boardWithName:@"MainStoryboard_iPhone" bundle:nil];
NSLog(@"loaded iPhone4 Storyboard");
}
}
else if ([UIDevice currentDevice].userInterfaceIdiom == UIUserInterfaceIdiomPad)
{ // The iOS device = iPad
storyboard = [UIStoryboard storyboardWithName:@"MainStoryboard_iPadnew" bundle:nil];
NSLog(@"loaded iPad Storyboard");
}
// rest my code
}