iOS - So positionieren Sie eine in einem bestimmten Bereich auf einem Hintergrundbild fixierte Ansicht

Question

Dies ist das Layout, das ich erreichen möchte.

Ich mag die runde gelbe Taste in dem kleinen kreisförmigen Bereich des Hintergrunds in jedem iPhone positionieren. Der kreisförmige Bereich ist in diesem Bild nicht zentriert.

Dies ist so weit, was ich versuchte:

• Zuerst habe ich eine UIView mit 1px x 1px, transparenter Hintergrundfarbe zum Zentrum des gesamten Layouts hinzugefügt. Ich nenne das den Mittelpunkt
• Dann werde ich den vertikalen Abstand zwischen Mittelpunkt und der gelben Taste einstellen.
• Ich werde auch führende Einschränkung zwischen der gelben Schaltfläche und der Super-Ansicht festlegen.
• Dann werde ich das Seitenverhältnis einstellen (gelbe Tastenbreite auf gelbe Tastenhöhe).
• Ein anderes Seitenverhältnis (gelbe Taste zum Hintergrundbild).

Aber das Ergebnis ist wirklich nicht das, was ich erwarte, dass es sein sollte. Es ist in Ordnung, wenn das Hintergrundbild verzerrt ist, möchte ich nur die gelbe Taste im kreisförmigen Bereich des Hintergrundbildes bleiben.

Danke!

Answer 1

Um den Kreis relativ zum Hintergrund, setzte eine Einschränkung die Hinterkante des Kreises mit der Hinterkante der Bildansicht auszurichten, und dann den Multiplizierer auf einen geeignetes Wert wie 214:640. Dies bewirkt, dass sich der Kreis um den richtigen Betrag nach rechts bewegt, wenn die Bildschirmgröße zunimmt.

Gleichermaßen richten Sie den Kreis unten auf die untere Bildansicht aus und stellen Sie den Multiplikator auf einen geeigneten Wert wie 478:900 ein. Dadurch wird der Kreis ausgerichtet, wenn der Bildschirm größer wird.

Spielen Sie mit den Verhältnissen, bis sie auf einer Telefongröße (wie dem iPhone 5S) gut aussehen, dann werden sie für die 6S und 6S Plus funktionieren.

Stellen Sie die Kreisbreite auf die Breite der Bildansicht ein und setzen Sie den Multiplikator auf 100:320.

Answer 2

Ich würde nicht so weit gehen, ich würde einen Knopf machen, der den gesamten Bildschirm passt, das Knopfbild einstellen, um das ganze Bild einschließlich des gelben Kreises zu sein. Dann ähnlichen Code verwendet unten:

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event 
{ 
    UITouch *touch = [touches anyObject]; 

    // Get the specific point that was touched 
    CGPoint point = [touch locationInView:self.view]; 
    if (point.x * 100/parentView.width in range (0-100) && point.y*100/parentView.heiht in range (0-100)){ 
     // write your button event handler here. 
    } 

}