kierankihn/uno-game
1
0
Fork 0
mirror of https://github.com/kierankihn/uno-game.git synced 2025-12-27 02:13:18 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): add scroll support for hand cards

Browse Source
This commit is contained in:
Kieran Kihn
2025-12-18 23:34:24 +08:00
parent 150e29c25c
commit 1b52c87b0e
1 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
ui/GamePage.slint
View File

@@ -660,7 +660,7 @@ export component GamePage inherits Rectangle {
// ===== 底部：当前玩家区域 ===== // ===== 底部：当前玩家区域 =====
Rectangle { Rectangle {
height: 320px * scale; height: 350px * scale;
background: #FDFBF8; background: #FDFBF8;
border-radius: 16px * scale; border-radius: 16px * scale;
drop-shadow-blur: 10px * scale; drop-shadow-blur: 10px * scale;
@@ -721,16 +721,19 @@ export component GamePage inherits Rectangle {
// 手牌列表 - 上方留出空间给选中效果 // 手牌列表 - 上方留出空间给选中效果
Rectangle { Rectangle {
height: 210px * scale; width: 1200px * scale;
height: 230px * scale;
horizontal-stretch: 1;
background: transparent; background: transparent;
// 手牌容器，向下偏移以给选中卡牌留空间，居中显示 // 手牌滚动容器
Rectangle { ScrollView {
x: (parent.width - self.width) / 2; width: 100%;
y: 25px * scale; height: 100%;
width: hand-cards-layout.preferred-width;
height: 180px * scale; // 手牌容器，向下偏移以给选中卡牌留空间
hand-cards-layout := HorizontalLayout { hand-cards-layout := HorizontalLayout {
y: 25px * scale;
alignment: center; alignment: center;
spacing: -35px * scale; // 卡牌重叠效果 spacing: -35px * scale; // 卡牌重叠效果