我正在嘗試制作簡單的應用程式，該應用程式似乎在模擬模式下運行良好，但在我的 iPhone 上測驗，按鈕看起來與模擬 iPhone 不同，
在此處鏈接模擬圖片，
在此處輸入影像描述
這是我在模擬中看到的，但真正的 iPhone 看起來
在此處輸入影像描述
請檢查鏈接的圖片，
在子視圖結構上制作的按鈕影像并稱為按鈕標簽，
另外我嘗試了無邊框按鈕樣式，背景顏色和前景顏色都匹配超級視圖和子視圖。我什么都沒有，這里是代碼，
我不知道如何洗掉灰色邊框，不僅是這些按鈕，而且我與影像標簽一起使用的所有按鈕看起來都一樣 - 帶有灰色矩形邊框，
這里是按鈕代碼
struct MainList: View {
@EnvironmentObject var pageControl: PageControl
var body: some View {
VStack{
Button{
pageControl.pageNum = 1
pageControl.detailPage = 0
print("button pressed pageNum: \(pageControl.pageNum), startPage \(pageControl.detailPage)")
} label: {
mainListRow(actuator: actuators[0])
.background(.white)
}
.buttonStyle(BorderlessButtonStyle())
.foregroundColor(.white)
這是用于按鈕標簽的視圖
struct mainListRow: View {
var actuator: Actuator
var body: some View {
HStack(alignment: .center) {
Image("home")
Spacer()
VStack {
ZStack{
RoundedRectangle(cornerRadius: 10.0)
.frame(width: 60, height: 30)
.foregroundColor(.red)
Text(String(actuator.speed) " %")
.foregroundColor(.white)
}
}
}
}
}
當我更改背景顏色時，這里添加另一張圖片
在此處輸入影像描述
如您所見，這三個按鈕，對于沒有背景顏色的頂部按鈕，按鈕區域填充灰色，如果我添加背景顏色 - 第二個按鈕，它只填充內部，所以我將背景顏色更改為黑色按鈕欄位然后邊框顏色改變了。因此，我在按鈕欄位添加了背景顏色與白色不起作用 - 第三個按鈕:(。測驗的手機是 iPhone Xs。這真的很奇怪，因為我提到它在模擬上作業正常。請。在真正的 iPhone 上測驗它。
這里是第三張圖片的代碼，
Button{
pageControl.pageNum = 1
pageControl.detailPage = 0
print("button pressed pageNum: \(pageControl.pageNum), startPage \(pageControl.detailPage)")
} label: {
mainListRow(actuator: actuators[0])
}
.buttonStyle(BorderlessButtonStyle())
Divider()
Button{
pageControl.pageNum = 1
pageControl.detailPage = 1
print("Rotate button pressed pageNum: \(pageControl.pageNum), startPage \(pageControl.detailPage)")
} label: {
mainListRow(actuator: actuators[1])
.background(.white)
}
.background(.black)
Divider()
Button{
pageControl.pageNum = 1
pageControl.detailPage = 2
print("Rotate button pressed pageNum: \(pageControl.pageNum), startPage \(pageControl.detailPage)")
} label: {
mainListRow(actuator: actuators[2])
.buttonStyle(BorderlessButtonStyle())
}
.background(.white)
并將按鈕頁面添加到 main 此處
struct testPage: View {
var body: some View {
MainList()
.frame(width: 330, height: 150)
.padding(.top, 20)
}
}
uj5u.com熱心網友回復：
擺脫MainList：
.background(.white)
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/433886.html