ImageGenTab.qml
8.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
import QtQuick
import QtQuick.Controls.Basic
import QtQuick.Layouts
import "components"
import "." as App
Item {
ColumnLayout {
anchors.fill: parent
anchors.margins: App.Theme.space5
spacing: App.Theme.space4
// ===== 参考图片卡片 =====
Card {
Layout.fillWidth: true
implicitHeight: 240
ColumnLayout {
anchors.fill: parent
anchors.margins: App.Theme.space4
spacing: App.Theme.space3
RowLayout {
spacing: App.Theme.space3
CaptionLabel {
text: "参考图片"
font.pointSize: App.Theme.fontLg
}
Item { Layout.fillWidth: true }
}
RowLayout {
spacing: App.Theme.space2
SecondaryButton { text: "添加图片" }
SecondaryButton { text: "📋 粘贴图片" }
Label {
text: "已选择 0 张"
font.family: App.Theme.fontFamily
font.pointSize: App.Theme.fontSm
color: App.Theme.textSecondary
}
Label {
text: "💡 拖拽或粘贴图片到下方区域"
font.family: App.Theme.fontFamily
font.pointSize: App.Theme.fontSm
color: App.Theme.textTertiary
}
Item { Layout.fillWidth: true }
}
Rectangle {
Layout.fillWidth: true
Layout.fillHeight: true
color: App.Theme.bgSubtle
radius: App.Theme.radiusMd
border.width: 2
border.color: App.Theme.borderDefault
Text {
anchors.centerIn: parent
text: "拖拽图片到这里"
color: App.Theme.textTertiary
font.family: App.Theme.fontFamily
font.pointSize: App.Theme.fontSm
}
}
}
}
// ===== 提示词 + 生成设置（并排）=====
RowLayout {
spacing: App.Theme.space4
Layout.fillWidth: true
Layout.preferredHeight: 360
Layout.minimumHeight: 340
// 提示词
Card {
Layout.fillWidth: true
Layout.preferredWidth: 600
Layout.fillHeight: true
ColumnLayout {
anchors.fill: parent
anchors.margins: App.Theme.space4
spacing: App.Theme.space3
CaptionLabel {
text: "提示词"
font.pointSize: App.Theme.fontLg
}
RowLayout {
spacing: App.Theme.space2
SecondaryButton { text: "⭐ 收藏" }
Label {
text: "快速选择:"
font.family: App.Theme.fontFamily
font.pointSize: App.Theme.fontSm
color: App.Theme.textSecondary
}
ThemedComboBox {
Layout.fillWidth: true
model: ["主石换成闪耀的祖母绿", "改成玫瑰金材质", "增加更多碎钻"]
}
SecondaryButton { text: "删除" }
}
ScrollView {
Layout.fillWidth: true
Layout.fillHeight: true
TextArea {
text: "一幅美丽的风景画，有山有湖，日落时分"
font.family: App.Theme.fontFamily
font.pointSize: App.Theme.fontBase
color: App.Theme.textPrimary
wrapMode: TextArea.Wrap
background: Rectangle {
color: App.Theme.bgSubtle
radius: App.Theme.radiusMd
border.width: 1
border.color: App.Theme.borderDefault
}
}
}
}
}
// 生成设置
Card {
Layout.preferredWidth: 280
Layout.fillHeight: true
ColumnLayout {
anchors.fill: parent
anchors.margins: App.Theme.space4
spacing: App.Theme.space3
CaptionLabel {
text: "生成设置"
font.pointSize: App.Theme.fontLg
}
Repeater {
model: [
{ caption: "生成模式", options: ["极速模式", "慢速模式"] },
{ caption: "宽高比", options: ["1:1", "2:3", "3:2", "16:9", "9:16", "4:3", "3:4"] },
{ caption: "图片尺寸", options: ["1K", "2K", "4K"] }
]
delegate: ColumnLayout {
spacing: 4
Layout.fillWidth: true
CaptionLabel { text: modelData.caption; font.pointSize: App.Theme.fontBase }
ThemedComboBox {
Layout.fillWidth: true
model: modelData.options
}
}
}
Item { Layout.fillHeight: true }
}
}
}
// ===== 操作按钮行 =====
RowLayout {
spacing: App.Theme.space3
Layout.fillWidth: true
PrimaryButton {
text: "生成图片"
}
SecondaryButton {
text: "下载图片"
}
Label {
text: "● 就绪"
font.family: App.Theme.fontFamily
font.pointSize: App.Theme.fontSm
color: App.Theme.success
}
Item { Layout.fillWidth: true }
}
// ===== 预览卡片 =====
Card {
Layout.fillWidth: true
Layout.fillHeight: true
Layout.minimumHeight: 200
ColumnLayout {
anchors.fill: parent
anchors.margins: App.Theme.space4
spacing: App.Theme.space3
CaptionLabel {
text: "预览"
font.pointSize: App.Theme.fontLg
}
Rectangle {
Layout.fillWidth: true
Layout.fillHeight: true
color: App.Theme.bgSubtle
radius: App.Theme.radiusMd
Column {
anchors.centerIn: parent
spacing: 4
Text {
anchors.horizontalCenter: parent.horizontalCenter
text: "生成的图片将在这里显示"
color: App.Theme.textTertiary
font.family: App.Theme.fontFamily
font.pointSize: App.Theme.fontSm
}
Text {
anchors.horizontalCenter: parent.horizontalCenter
text: "双击用系统查看器打开"
color: App.Theme.textTertiary
font.family: App.Theme.fontFamily
font.pointSize: App.Theme.fontXs
}
}
}
}
}
}
}