Modalne wyskakujące okienka w interfejsie Buildera (storyboardy)

Krok 1

W kontrolerze ViewController, który ma być modalnym wyskakującym okienkiem, Wyczyść kolor tła głównego UIView. Wskazówka: nie używaj Root UIView jako wyskakującego okienka. Dodaj nowy widok UIView, który jest mniejszy, aby był twoim wyskakującym okienkiem.

Krok 2

Utwórz Segue do kontrolera ViewController, który ma twoje wyskakujące okienko. Wybierz "Prezentuj Modalnie".

Dwie Metody Tworzenia Popup Z Tutaj

Metoda pierwsza-użycie Segue

Wybierz Segue i zmień prezentację na " Over Current Context":

Metoda druga-użycie kontrolera widoku

Wybierz scenę ViewController, która jest Twoim wyskakującym okienkiem. W Inspektorze atrybutów, w sekcji Widok Kontroler, Ustaw prezentację na " Over Current Context":

Każda metoda zadziała. To powinno wystarczyć!

Możesz to zrobić w Interface Builder.

• dla widoku, który chcesz zaprezentować modalnie ustaw jego zewnętrzne tło widoku na przezroczyste
• Control + click and drag from the host view controller to the modal view controller
• Wybierz prezent modalnie
• Kliknij na nowo utworzony segue i w Inspektorze atrybutu (po prawej) Ustaw "Presentation " NA"Over Current Context"

Zapraszam do skorzystania z mojego kontrolera arkusza formularzy MZFormSheetController dla iPhone ' a, w przykładowym projekcie jest wiele przykładów jak zaprezentować kontroler widoku modalnego, który nie będzie obejmował pełnego okna i ma wiele stylów prezentacji/przejścia.

Możesz również wypróbować najnowszą wersję MZFormSheetController, która nazywa się MZFormSheetPresentationController i ma dużo więcej funkcji.

Możesz użyć EzPopup ( https://github.com/huynguyencong/EzPopup ), jest to szybki pod i bardzo łatwy w użyciu:

// init YourViewController
let contentVC = ...

// Init popup view controller with content is your content view controller
let popupVC = PopupViewController(contentController: contentVC, popupWidth: 100, popupHeight: 200)

// show it by call present(_ , animated:) method from a current UIViewController
present(popupVC, animated: true)

Możesz to zrobić, aby dodać dowolny inny podgląd do kontrolera widoku. Najpierw ustaw pasek stanu na brak dla kontrolera ViewController, który chcesz dodać jako subview, aby można było zmienić rozmiar na dowolny. Następnie Utwórz przycisk w bieżącym kontrolerze widoku i metodę kliknięcia przycisku. W metodzie:

- (IBAction)btnLogin:(id)sender {
    SubView *sub = [[SubView alloc] initWithNibName:@"SubView" bundle:nil];
    sub.view.frame = CGRectMake(20, 100, sub.view.frame.size.width, sub.view.frame.size.height);
    [self.view addSubview:sub.view];
}

Mam nadzieję, że to pomoże, nie krępuj się zapytać, jeśli jakieś pytania...

Imao umieścić UIImageView w tle nie jest najlepszym pomysłem . W moim przypadku dodałem na kontrolerze widok inne 2 widoki . Pierwszy widok Ma [UIColor clearColor] na tle, drugi-kolor, który chcesz być przezroczysty (szary w moim przypadku).Pamiętaj, że kolejność jest ważna.Następnie dla drugiego widoku Ustaw alpha 0.5 (alpha >=0 prepareForSegue

infoVC.providesPresentationContextTransitionStyle = YES;
infoVC.definesPresentationContext = YES;

Swift 4:

Aby dodać nakładkę lub widok popup Można również użyć widoku kontenera , za pomocą którego otrzymuje się darmowy kontroler widoku (Widok kontenera otrzymuje się ze zwykłej palety obiektów / biblioteki)

Kroki:

1. Mieć Widok (ViewForContainer na zdjęciu), który przechowuje ten widok kontenera, aby go przyciemnić, gdy wyświetlana jest zawartość widoku kontenera. Podłącz gniazdko wewnątrz pierwszego widoku Controller

2. Ukryj ten Widok po wczytaniu pierwszego VC

3. Odkryj, gdy przycisk jest kliknięty

4. Aby przyciemnić ten Widok, gdy wyświetlana jest zawartość widoku kontenera, Ustaw tło widoków na czarne, a krycie na 30%

Uzyskasz ten efekt po kliknięciu na przycisk