update

app.py

@@ -328,9 +328,10 @@ with gr.Blocks() as demo:
     6. **Click "Generate"**:  
         Your personalized image will be created. Enjoy!
                 
-    We also offer example data that users can easily select and load by clicking the **“Load Example”** button for testing.
+    ### 🔫  Example Playground
+    - We offer example settings that users can easily select and load all required settings (identity images, pose image and others) by clicking the **“Load Settings”** button for testing.
                 
-    Alternatively, you can randomly sample a specific number of male and female face images from our provided identity image dataset and choose a pose from the available options.
+    - Alternatively, you can randomly sample a specific number of male and female face images from our provided identity image dataset and/or choose a pose from the available options.
     """)
     
     with gr.Row():
@@ -388,13 +389,37 @@ with gr.Blocks() as demo:
             }
 
 
-            with gr.Column(scale=2):
-                selected_example = gr.Dropdown(
-                    choices=list(example_choices.keys()),
-                    label="Example Selection",
-                    interactive=True
-                )
-                load_example_btn = gr.Button("Load Example")
+            with gr.Accordion("Example Playground", open=False):
+                with gr.Column():
+                    selected_example = gr.Dropdown(
+                        choices=list(example_choices.keys()),
+                        label="Example Setting Selections (Identity Images + Pose + Others)",
+                        interactive=True
+                    )
+                    load_example_btn = gr.Button("Load Settings")
+
+                with gr.Row():
+                    with gr.Column(scale=3):
+                        with gr.Row():
+                            num_men_dropdown = gr.Dropdown(
+                                choices=[str(i) for i in range(11)], 
+                                value="0", 
+                                label="Number of Men"
+                            )
+                            num_women_dropdown = gr.Dropdown(
+                                choices=[str(i) for i in range(11)], 
+                                value="0", 
+                                label="Number of Women"
+                            )
+                        random_select_button = gr.Button("Random Select Identity Images")
+
+                    with gr.Column(scale=2):
+                        pose_dropdown = gr.Dropdown(
+                            choices=list(pose_name_to_path.keys()),
+                            label="Select Pose Example",
+                            interactive=True
+                        )
+                        pose_select_button = gr.Button("Load Pose")
                 
             with gr.Row():
                 with gr.Column(scale=3):
@@ -410,33 +435,11 @@ with gr.Blocks() as demo:
                             show_label=True, 
                             interactive=True
                         )
-                    
-                    # Random Identity Selection
-                    with gr.Row():
-                        num_men_dropdown = gr.Dropdown(
-                            choices=[str(i) for i in range(11)], 
-                            value="0", 
-                            label="Number of Men"
-                        )
-                        num_women_dropdown = gr.Dropdown(
-                            choices=[str(i) for i in range(11)], 
-                            value="0", 
-                            label="Number of Women"
-                        )
-                    random_select_button = gr.Button("Random Select IDs")
 
 
                 with gr.Column(scale=2, min_width=100):
                     ui_control_image = gr.Image(label="Pose Reference Image", type="pil", height=370, min_width=100)
 
-                    # Pose Selection based on Example Choices
-                    pose_dropdown = gr.Dropdown(
-                        choices=list(pose_name_to_path.keys()),
-                        label="Select Pose Example",
-                        interactive=True
-                    )
-                    pose_select_button = gr.Button("Load Pose")
-
             
             ui_prompt_text = gr.Textbox(label="Text Prompt (Describe the image you would like to generate)", value="Portrait, 4K, high quality, cinematic")
             ui_id_order = gr.Textbox(label="ID Order (If not specified, the images will follow the original upload order)", value = None)
@@ -456,7 +459,7 @@ with gr.Blocks() as demo:
 
 
         with gr.Column(scale=2):
-            image_output = gr.Image(label="Generated Image", interactive=False, height=880, format='png')
+            image_output = gr.Image(label="Generated Image", interactive=False, height=615, format='png')
             openpose_control_image = gr.Image(label="OpenPose Image", interactive=False, height=549, format='png')