Jak określić rozmiar dostosowanego obrazu krawędzi do krawędzi iPhone ' a 6/7?

Używam poniższej sztuczki, ponieważ niektóre rzeczy faktycznie działają:

• katalog zasobów dla konkretnych urządzeń
• Określ obrazy dla 1x, 2x na podstawie 320x640
• Określ obrazy dla 4 2x i 3x na podstawie 320x568 (iPhone 5)
W przeciwieństwie do iPhone 'a 6, nie jest to urządzenie, które nie jest kompatybilne z iPhone' em 6, ponieważ jest to jedyne urządzenie, które sprawia problemy z wiązaniem krawędzi na krawędź.]}
• Udostępnij tylko 2x obraz dla iPhone 6 w pełnej rozdzielczości (750x1334)

Zadeklaruj stałą

#define IS_IPHONE_6 [[UIScreen mainScreen]nativeBounds].size.width == 750.0 ? true : false

I użyj go tak:

UIImage *image = [UIImage imageNamed:@"Default_Image_Name"];
if(IS_IPHONE_^) {
    image = [UIImage imageNamed:@"Iphone6_Image_Name"];
}

To może nie być najpiękniejsze rozwiązanie, ale działa, przynajmniej tak długo, jak apple nie zapewnia lepszego API dla wiązań krawędzi do krawędzi.

Układ Automatyczny ma pomóc w tej sytuacji..

Teraz powiedz mi @ Nicklas Berglund co byś zrobił, gdyby urządzenie się obróciło? Powiedzmy, że jesteś teraz w trybie poziomym.. Jak wypełnić poziomą przestrzeń, która nie znajduje się już w zasobach obrazu?

Może Apple powinno zacząć celować w orientacje urządzeń w aktywa wizerunkowe w przyszłości?

Jeśli dodasz ograniczenia, aby je dopasować, wyciśnie je poziomo, gdy zostanie wyświetlone na ekranie 4", ale możesz użyć mnożników, aby odpowiednio przeskalować obraz. Oto jak możesz to zrobić:

[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[imageFooterView]|" options:0 metrics:nil views:NSDictionaryOfVariableBindings(imageFooterView)]];

[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:[imageFooterView]|" options:0 metrics:nil views:NSDictionaryOfVariableBindings(imageFooterView)]];


float aspectRatio = imageFooterView.frame.size.height/imageFooterView.frame.size.width;

[imageFooterView addConstraint:[NSLayoutConstraint constraintWithItem:imageFooterView attribute:NSLayoutAttributeHeight relatedBy:NSLayoutRelationEqual toItem:imageFooterView attribute:NSLayoutAttributeWidth multiplier:aspectRatio constant:0.0f]];

Nie mogłem znaleźć sposobu, aby to zrobić, ponieważ miałem obraz tła, który był idealnie dopasowany do katalogu zasobów na każdym urządzeniu z wyjątkiem iPhone 6. Moja poprawka(zrobiłem to w SpriteKit)?

if (bgNode.size.width != self.frame.size.width) {
        bgNode.texture = [SKTexture textureWithImageNamed:@"i6bg.png"];
        [bgNode runAction:[SKAction scaleXTo:self.frame.size.width/bgNode.size.width y:self.frame.size.width/bgNode.size.height duration:.1]];
    }

BgNode jest obrazem tła, który jest pobierany przez urządzenie. Jeśli jest to iPhone 6, nie zmieści się na ekranie, a więc szerokość obrazu tła nie będzie taka sama jak szerokość ekranu. Gdy urządzenie jest rozpoznawane jako iPhone 6, zmieniam teksturę na teksturę R4 (@2x dla siatkówki) i przeskalować do odpowiednich wymiarów.

Próbowałem zrobić to samo ze zwykłym obrazem @2x, ale wyskalowany obraz wyglądał bardzo źle (był zbyt rozciągnięty i zauważalny). Przy skalowaniu tekstury R4 proporcje szerokości/wysokości są nieco lepsze, więc zmiana nie jest nawet zauważalna. Mam nadzieję, że to daje jakiś pomysł, co można zrobić, zanim Apple dodaje aktywa iPhone 6.

Mam nadzieję, że rozwiąże to wszystkie problemy związane z dostosowanym obrazem krawędzi do krawędzi.
Xcode 6 - xcassets do uniwersalnej obsługi obrazu

Upewnij się, że jeśli używasz układu automatycznego, to zaznacz pin jest ustawiony na zero dla wszystkich krawędzi, a ograniczenia marginesu nie są zaznaczone.

Możesz również odwiedzić ten link do zdjęć ekranu startowego:
http://www.paintcodeapp.com/news/iphone-6-screens-demystified
http://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions

Podniosłem to samo pytanie do pomocy technicznej apple i potwierdzają, że dla pełnoekranowego obrazu nie można tego zrobić w katalogu zasobów: "obecnie nie ma możliwości, aby katalog zasobów załadował obrazy specyficzne dla urządzenia. Jeśli Twoja aplikacja musi obsługiwać obrazy specyficzne dla urządzenia, musisz zaimplementować własny kod, aby wykryć rozmiar ekranu i wybrać odpowiedni obraz. Możesz złożyć wniosek o ulepszenie, korzystając z poniższego łącza. Pamiętaj, aby wyjaśnić przypadek użycia tej funkcji. "

Sprawdziłem konwencję nazewnictwa obrazu startowego wygenerowanego z katalogu zasobów za pomocą Xcode 6, a wersja krajobrazowa dla iPhone 6+, na przykład, miała: LaunchImage-Landscape-736h@3x.png

Bazując na tym, zakładam, że dla urządzeń retina będzie to wyglądało następująco, zakładając plik bazowy .png:

• desert@2x : iPhone 4s (320 x 420)
• desert-568h@2x: iPhone 5, 5C i 5S (320 x 568)
• desert-667h@2x : iPhone 6 (375 x 667)
• desert-736h@3x : iPhone 6+ (414 x 736)
• desert@2x ~ ipad: iPad (1024 x 768)

Nie ma natywnej obsługi zasobów w tym przypadku, więc myślę, że lepiej byłoby zrobić to ręcznie, ponieważ praca z nieudokumentowanymi nazwami plików może łatwo pęknąć w przyszłości.

Wystarczy zmierzyć wymiary urządzenia i wywołać obraz, który chcesz. ie zrób to programowo

Więc w Twoim appdelegate mają globals

deviceHeight = self.window.frame.size.height;
deviceWidth = self.window.frame.size.width;

if (deviceWidth == 640){
image = IPHONE4IMAGE;
deviceString = @"iPhone4";
}
else...

W moim przypadku byłem zainteresowany tym, aby moja podstawowa podklasa kontrolera widoku miała taki sam obraz tła, jak mój obraz startowy.

UWAGA: takie podejście nie zadziała, chyba że jest to twoje specyficzne wymagania.

Również, nawet gdy próbowałem stworzyć obraz tła o odpowiednim rozmiarze dla iPhone 6 (750x1334), Ładowanie tego obrazu jako obrazu wzorca do koloru tła dla widoku skończyło się skalowaniem obrazu w niepożądany sposób sposób.

Ta odpowiedź dała mi kod, którego potrzebowałem, aby znaleźć dla mnie dobre rozwiązanie.

Oto kod, który mam, aby mój obraz startowy pasował do mojego obrazu tła UIViewController (lub odwrotnie):

- (void)viewDidLoad {
    [super viewDidLoad];
    UIImage *background         = [UIImage imageNamed:[self splashImageName]];
    UIColor *backgroundColor    = [UIColor colorWithPatternImage:background];
    self.view.backgroundColor   = backgroundColor;
}
- (NSString *)splashImageName {
    UIInterfaceOrientation orientation  = [[UIApplication sharedApplication] statusBarOrientation];
    CGSize viewSize                     = self.view.bounds.size;
    NSString *viewOrientation           = @"Portrait";
    if (UIDeviceOrientationIsLandscape(orientation)) {
        viewSize                        = CGSizeMake(viewSize.height, viewSize.width);
        viewOrientation                 = @"Landscape";
    }
    NSArray *imagesDict                 = [[[NSBundle mainBundle] infoDictionary] valueForKey:@"UILaunchImages"];
    for (NSDictionary *dict in imagesDict) {
        CGSize imageSize                = CGSizeFromString(dict[@"UILaunchImageSize"]);
        if (CGSizeEqualToSize(imageSize, viewSize) && [viewOrientation isEqualToString:dict[@"UILaunchImageOrientation"]])
            return dict[@"UILaunchImageName"];
    }
    return nil;
}

Proszę spróbować tej klasy, aby programowo zmienić nazwę obrazu.

import UIKit

class AGTools: NSObject {
    class func fullWidthImage(imageName: String!) -> String!{
        let screenWidth = UIScreen.mainScreen().bounds.size.width
        switch (screenWidth){
        case 320:
            // scale 2x or 1x
            return (UIScreen.mainScreen().scale > 1.0) ? "\(imageName)@2x" : imageName
        case 375:
            return "\(imageName)-375w@2x"
        case 414:
            return "\(imageName)-414w@3x"
        default:
            return imageName
        }
    }
}

Użyj tej metody w ten sposób.

_imgTest.image = UIImage(named: AGTools.fullWidthImage("imageName"))

Po pierwsze ze wszystkich, musisz skonfigurować imageView tak, aby obejmował cały ekran, Autolayout bardzo pomoże w tym zadaniu, spójrz na link poniżej i dowiedz się, jak przypiąć ograniczenia (wiodąca przestrzeń, końcowa przestrzeń, Górna przestrzeń i dolna przestrzeń) za pomocą Storyboardów :

Http://www.thinkandbuild.it/learn-to-love-auto-layout/

Drugi krok to tworzenie zestawów obrazów specyficznych dla urządzenia na zasobach obrazu (image poniżej), aby wyświetlić różne obrazy w zależności od urządzenia.

Zobacz tę infografikę: http://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions

Wyjaśnia różnice między starymi iPhone ' ami, iPhone 6 i iPhone 6 Plus. Możesz zobaczyć Porównanie rozmiarów ekranu w punktach, renderowanych pikselach i fizycznych pikselach

To wszystko

Proszę o informację zwrotną w razie jakichkolwiek problemów.