Personalizado Elementos da INTERFACE do usuário não atualização no LazyVGrid

0

Pergunta

Eu criei um elemento personalizado que eu estou chamando Slide. Eu tenho um LazyVGrid que está a apresentar o meu Slide elementos. O meu problema é que quando eu atualizar a matriz de dados que minha grade está usando, o Slide elementos não estão a actualizar.

Cenário: Usuário clica no botão de opções em um Slide e altera o Slide cor, eu estou em seguida, atualizar a matriz de dados, mas o Slide elemento não atualizar apesar de os dados que estão sendo correto (eu tenho verificado isso adicionando Text(slide.color) no LazyVGrid que apresenta o recém-definir a cor como o esperado)

Minhas Suspeitas: Eu estou supondo que ele não atualiza, porque eu tenho algo de errado na Slide struct, eu sou muito novo para SwiftUI então, eu estou aprendendo como eu ir. Não posso deixar de mencionar que este carrega e exibe corretamente quando eu mostrar a exibição, o único problema é que ele não atualiza quando eu atualizar o SlideStructure.

Aqui está o Código:

struct ShowSongFile : View {
@EnvironmentObject var SlideStructure : SlidesModel
@State var selectedSlide : SplaySlide? = nil
var columns = [GridItem(.adaptive(minimum: 320))]
var body: some View {
    ScrollView {
        LazyVGrid(columns: columns, alignment: .trailing, spacing: 20) {
            ForEach(SlideStructure.SongSlides, id:\.id) { slide in
                if slide.id == selectedSlide?.id {
                    Slide(IsSelected:true, SlideData: slide)
                 
                } else {
                    Slide(IsSelected:false, SlideData: slide)
                        .onTapGesture {
                            selectSlide(Slide: slide)
                        }
                }
            }
        }.onAppear(perform: loadSelectedFile)
    }
}

Aqui está a apresentação de Arquivo, que também mostra como eu estou ajustando as cores para os slides:

struct Slide : View {
@State var EnableSlideEditing : Bool? = false
@State var IsSelected : Bool = false
@State var SlideData : SplaySlide
@EnvironmentObject var SlideStructure : SlidesModel

var body : some View {
    VStack {
        Group{
            VStack(alignment: .center) {
                let editor = TextEditor(text: $SlideData.lyric)
                    .multilineTextAlignment(.center)
                    .padding()
                let text = Text(SlideData.lyric)
                    .multilineTextAlignment(.center)
                    .frame(width: 320.0, height: 160.0)
                if EnableSlideEditing ?? false {
                    editor
                } else {
                    text
                }
                
                Group {
                    HStack {
                        Text(SlideData.slideType)
                            .padding(.leading, 5.0)
                        Spacer()
                        MenuButton(label: Image(systemName: "ellipsis.circle")) {
                            Button("Edit Slide Text", action: {EnableSlideEditing?.toggle()})
                            Divider()
                            Menu("Slide Type") {
                                Button("Verse", action: {SlideType(Type: "Verse", ColorHex: "#f57242")})
                                Button("Chorus", action: {SlideType(Type: "Chorus", ColorHex: "#0068bd")})
                                Button("Pre-Chorus", action: {SlideType(Type: "Pre-Chorus", ColorHex: "#02ad96")})
                                Button("Tag", action: {SlideType(Type: "Tag", ColorHex: "#ad027d")})
                                Button("Bridge", action: {SlideType(Type: "Bridge", ColorHex: "#02ad96")})
                            }
                            Menu("Transitions") {
                                Button("Option 1", action: {})
                                Button("Option 2", action: {})
                            }
                            Divider()
                            Button("Delete Slide", action: {})
                            Button("Duplicate Slide", action: {})
                        }
                        .menuButtonStyle(BorderlessButtonMenuButtonStyle())
                        .frame(alignment: .trailing)
                        .padding(.trailing, 5.0)
                        .buttonStyle(PlainButtonStyle())
                    }
                }
                .frame(width: 320, height: 20, alignment: .leading)
                .background(Color.init(hex: SlideData.slideBorderColorHex))
            }
        }
        .frame(width: 320, height: 180, alignment: .bottomLeading)
        .background(IsSelected ? Color.accentColor : .black)
        .cornerRadius(10)
    }
}

func SlideType(Type:String, ColorHex: String) {
    for (index, slide) in SlideStructure.SongSlides.enumerated() {
        if slide.id == self.SlideData.id {
            SlideStructure.SongSlides[index].slideBorderColorHex = ColorHex
            SlideStructure.SongSlides[index].slideType = Type
            ShowSongFile.main?.SongFile.slides = SlideStructure.SongSlides
            ShowSongFile.main!.SongFile.SaveSongToDisk()
          }
      }
   }
}

SlideStructure: (SlideModel)

class SlidesModel : ObservableObject {
@Published var SongSlides : [SplaySlide] = []
}
swiftui
2021-11-23 03:59:03
1

Melhor resposta

0

Há muitas peças em falta para ser capaz de testar qualquer solução particular, então eu vou tomar um palpite. No ShowSongFile você pode tentar :

LazyVGrid(columns: columns, alignment: .trailing, spacing: 20) {
    ForEach(SlideStructure.SongSlides, id:\.id) { slide in
        Slide(SlideData: slide)  // <--- here
            .onTapGesture {
                selectSlide(Slide: slide)
            }
            .background(slide.id == selectedSlide?.id ? Color.accentColor : .black)  // <--- here
    }
            
            

e ajustar Slide em conformidade, isto é, remover IsSelected e .background(IsSelected ? Color.accentColor : .black).

P. S: a sua nomeação e o caso de suas variáveis e funções faz a leitura de seu código de menos do que atraente.

2021-11-23 04:33:26

Em outros idiomas

Esta página está em outros idiomas

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................