Use d-pad style layout for directional buttons
This commit is contained in:
parent
4174bfc21c
commit
f0160297f5
|
@ -0,0 +1,38 @@
|
|||
{
|
||||
"info" : {
|
||||
"version" : 1,
|
||||
"author" : "xcode"
|
||||
},
|
||||
"colors" : [
|
||||
{
|
||||
"idiom" : "universal",
|
||||
"color" : {
|
||||
"color-space" : "srgb",
|
||||
"components" : {
|
||||
"red" : "0xDD",
|
||||
"alpha" : "1.000",
|
||||
"blue" : "0xDD",
|
||||
"green" : "0xDD"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"idiom" : "universal",
|
||||
"appearances" : [
|
||||
{
|
||||
"appearance" : "luminosity",
|
||||
"value" : "dark"
|
||||
}
|
||||
],
|
||||
"color" : {
|
||||
"color-space" : "srgb",
|
||||
"components" : {
|
||||
"red" : "0x22",
|
||||
"alpha" : "1.000",
|
||||
"blue" : "0x22",
|
||||
"green" : "0x22"
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
|
@ -23,8 +23,7 @@ struct ContentView: View {
|
|||
GeometryReader { (geometry) in
|
||||
VStack {
|
||||
HStack {
|
||||
VStack(spacing: 0) {
|
||||
Text("Held")
|
||||
Text("Held:")
|
||||
if self.controller.heldTetromino != nil {
|
||||
Group {
|
||||
TetrominoView(tetromino: self.controller.heldTetromino!)
|
||||
|
@ -33,7 +32,6 @@ struct ContentView: View {
|
|||
Rectangle().foregroundColor(.clear).frame(width: 50, height: 50)
|
||||
}
|
||||
}
|
||||
}
|
||||
BoardView(board: self.$controller.board, currentPiece: self.$controller.currentPiece, droppedPiece: self.$controller.currentPieceAtDropPoint)
|
||||
.aspectRatio(CGSize(width: self.controller.width, height: self.controller.height), contentMode: .fit)
|
||||
.onAppear(perform: self.startTimer)
|
||||
|
@ -44,28 +42,14 @@ struct ContentView: View {
|
|||
// .gesture(horizDragGesture.simultaneously(with: verticalDragGesture))
|
||||
|
||||
HStack {
|
||||
Spacer()
|
||||
Button(action: self.controller.hold) {
|
||||
Image(systemName: "arrow.up.square.fill").resizable().frame(width: 50, height: 50)
|
||||
}
|
||||
Spacer()
|
||||
Button(action: self.onTap) {
|
||||
Image(systemName: "goforward").resizable().frame(width: 50, height: 50)
|
||||
}
|
||||
.padding(.leading, 50)
|
||||
Spacer()
|
||||
}
|
||||
HStack {
|
||||
Button(action: self.controller.left) {
|
||||
Image(systemName: "arrow.left.square.fill").resizable().frame(width: 50, height: 50)
|
||||
}
|
||||
Spacer()
|
||||
Button(action: self.controller.drop) {
|
||||
Image(systemName: "arrow.down.square.fill").resizable().frame(width: 50, height: 50)
|
||||
}
|
||||
Spacer()
|
||||
Button(action: self.controller.right) {
|
||||
Image(systemName: "arrow.right.square.fill").resizable().frame(width: 50, height: 50)
|
||||
}
|
||||
DPadView(up: self.controller.hold, down: self.controller.drop, left: self.controller.left, right: self.controller.right)
|
||||
.frame(width: 150, height: 150)
|
||||
.padding(.trailing, 50)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -0,0 +1,44 @@
|
|||
//
|
||||
// DPadView.swift
|
||||
// Tetris
|
||||
//
|
||||
// Created by Shadowfacts on 10/16/19.
|
||||
// Copyright © 2019 Shadowfacts. All rights reserved.
|
||||
//
|
||||
|
||||
import SwiftUI
|
||||
|
||||
struct DPadView: View {
|
||||
let up: () -> Void
|
||||
let down: () -> Void
|
||||
let left: () -> Void
|
||||
let right: () -> Void
|
||||
|
||||
var body: some View {
|
||||
GeometryReader { (geometry) in
|
||||
VStack {
|
||||
Button(action: self.up) {
|
||||
Image(systemName: "arrow.up.square.fill").resizable().frame(width: geometry.size.width / 3)
|
||||
}
|
||||
HStack {
|
||||
Button(action: self.left) {
|
||||
Image(systemName: "arrow.left.square.fill").resizable().frame(width: geometry.size.width / 3)
|
||||
}
|
||||
Spacer()
|
||||
Button(action: self.right) {
|
||||
Image(systemName: "arrow.right.square.fill").resizable().frame(width: geometry.size.width / 3)
|
||||
}
|
||||
}
|
||||
Button(action: self.down) {
|
||||
Image(systemName: "arrow.down.square.fill").resizable().frame(width: geometry.size.width / 3)
|
||||
}
|
||||
}
|
||||
}.aspectRatio(1, contentMode: .fit)
|
||||
}
|
||||
}
|
||||
|
||||
struct DPadView_Previews: PreviewProvider {
|
||||
static var previews: some View {
|
||||
DPadView(up: {}, down: {}, left: {}, right: {})
|
||||
}
|
||||
}
|
|
@ -16,7 +16,7 @@ struct TilesView: View {
|
|||
GridView(rows: board.height, columns: board.width) { (col, row, size) in
|
||||
Rectangle()
|
||||
.frame(width: size, height: size)
|
||||
.foregroundColor(self.board[col, row]?.color ?? Color.clear)
|
||||
.foregroundColor(self.board[col, row]?.color ?? Color("Background"))
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue