AskOverflow.Dev

AskOverflow.Dev Logo AskOverflow.Dev Logo

AskOverflow.Dev Navigation

  • Início
  • system&network
  • Ubuntu
  • Unix
  • DBA
  • Computer
  • Coding
  • LangChain

Mobile menu

Close
  • Início
  • system&network
    • Recentes
    • Highest score
    • tags
  • Ubuntu
    • Recentes
    • Highest score
    • tags
  • Unix
    • Recentes
    • tags
  • DBA
    • Recentes
    • tags
  • Computer
    • Recentes
    • tags
  • Coding
    • Recentes
    • tags
Início / coding / Perguntas / 79059543
Accepted
sudoExclamationExclamation
sudoExclamationExclamation
Asked: 2024-10-07 00:15:53 +0800 CST2024-10-07 00:15:53 +0800 CST 2024-10-07 00:15:53 +0800 CST

Como fazer com que os segmentos do SwiftUI Picker sejam tão largos quanto seu conteúdo e não tão largos quanto o segmento mais largo?

  • 772

No SwiftUI, tenho o seguinte:

func segments() -> [String] {
    var toReturn = Calendar.current.veryShortWeekdaySymbols
    toReturn.append("T")
    return toReturn
}

Picker("Day of week?", selection: $selectedDay) {
    ForEach(segments(), id: \.self) {
        Text($0)
            .scaledToFit()
    }
}
.pickerStyle(.segmented)
.fixedSize()

Isso é mostrado como:

insira a descrição da imagem aqui

Entretanto, se eu alterar o toReturn.append("T")para uma string mais longa, como toReturn.append("Tasks"), os segmentos se tornarão tão largos quanto o segmento mais largo e não se ajustarão ao seu conteúdo:

insira a descrição da imagem aqui

Como fazer com que os segmentos do SwiftUI Picker sejam tão largos quanto seu conteúdo e não tão largos quanto o segmento mais largo?

  • 1 1 respostas
  • 33 Views

1 respostas

  • Voted
  1. Best Answer
    2024-10-07T01:01:58+08:002024-10-07T01:01:58+08:00

    O SwiftUI não oferece suporte para isso no momento, então você terá que ir até o UIKit e definir UISegmentedControl.apportionsSegmentWidthsByContentcomo verdadeiro.

    Se você não quiser que nenhum seletor segmentado tenha larguras iguais, basta usar as UIAppearanceAPIs,

    // put this in onAppear wherever you need it
    UISegmentedControl.appearance().apportionsSegmentWidthsByContent = true
    

    Caso contrário, você pode escrever o seu próprio UIViewRepresentable. Aqui está um exemplo:

    struct FitWidthSegmenetedPicker<Selection: Hashable>: UIViewRepresentable {
        let options: [Selection]
        @Binding var selection: Selection
        let titleForOption: (Selection) -> String
        
        init(
            _ options: [Selection],
            selection: Binding<Selection>,
            titleForOption: @escaping (Selection) -> String = { String(describing: $0) }
        ) {
            self.options = options
            self._selection = selection
            self.titleForOption = titleForOption
        }
        
        func makeUIView(context: Context) -> UISegmentedControl {
            let segmentedControl = UISegmentedControl()
            segmentedControl.apportionsSegmentWidthsByContent = true
            segmentedControl.addTarget(context.coordinator, action: #selector(Coordinator.selectionChanged(_:)), for: .valueChanged)
            return segmentedControl
        }
        
        func updateUIView(_ uiView: UISegmentedControl, context: Context) {
            uiView.removeAllSegments()
            for option in options.reversed() {
                uiView.insertSegment(withTitle: titleForOption(option), at: 0, animated: false)
            }
            uiView.selectedSegmentIndex = options.firstIndex(of: selection) ?? 0
            context.coordinator.onSelectionChanged = { index in
                selection = options[index]
            }
        }
        
        func makeCoordinator() -> Coordinator {
            .init()
        }
        
        @MainActor
        class Coordinator: NSObject {
            var onSelectionChanged: ((Int) -> Void)?
            
            @objc func selectionChanged(_ sender: UISegmentedControl) {
                onSelectionChanged?(sender.selectedSegmentIndex)
            }
        }
    }
    

    Uso:

    struct ContentView: View {
        let options = ["x", "xx", "xxx", "xxxx", "xxxxxxxxxxxx"]
        @State private var selection = "x"
        
        var body: some View {
            FitWidthSegmenetedPicker(options, selection: $selection)
                .fixedSize()
            Text(selection)
        }
    }
    

    insira a descrição da imagem aqui

    • 1

relate perguntas

  • Adicionar número de série para atividade de cópia ao blob

  • A fonte dinâmica do empacotador duplica artefatos

  • Selecione linhas por grupo com 1s consecutivos

  • Lista de chamada de API de gráfico subscritoSkus estados Privilégios insuficientes enquanto os privilégios são concedidos

  • Função para criar DFs separados com base no valor da coluna

Sidebar

Stats

  • Perguntas 205573
  • respostas 270741
  • best respostas 135370
  • utilizador 68524
  • Highest score
  • respostas
  • Marko Smith

    Vue 3: Erro na criação "Identificador esperado, mas encontrado 'import'" [duplicado]

    • 1 respostas
  • Marko Smith

    Por que esse código Java simples e pequeno roda 30x mais rápido em todas as JVMs Graal, mas não em nenhuma JVM Oracle?

    • 1 respostas
  • Marko Smith

    Qual é o propósito de `enum class` com um tipo subjacente especificado, mas sem enumeradores?

    • 1 respostas
  • Marko Smith

    Como faço para corrigir um erro MODULE_NOT_FOUND para um módulo que não importei manualmente?

    • 6 respostas
  • Marko Smith

    `(expression, lvalue) = rvalue` é uma atribuição válida em C ou C++? Por que alguns compiladores aceitam/rejeitam isso?

    • 3 respostas
  • Marko Smith

    Quando devo usar um std::inplace_vector em vez de um std::vector?

    • 3 respostas
  • Marko Smith

    Um programa vazio que não faz nada em C++ precisa de um heap de 204 KB, mas não em C

    • 1 respostas
  • Marko Smith

    PowerBI atualmente quebrado com BigQuery: problema de driver Simba com atualização do Windows

    • 2 respostas
  • Marko Smith

    AdMob: MobileAds.initialize() - "java.lang.Integer não pode ser convertido em java.lang.String" para alguns dispositivos

    • 1 respostas
  • Marko Smith

    Estou tentando fazer o jogo pacman usando apenas o módulo Turtle Random e Math

    • 1 respostas
  • Martin Hope
    Aleksandr Dubinsky Por que a correspondência de padrões com o switch no InetAddress falha com 'não cobre todos os valores de entrada possíveis'? 2024-12-23 06:56:21 +0800 CST
  • Martin Hope
    Phillip Borge Por que esse código Java simples e pequeno roda 30x mais rápido em todas as JVMs Graal, mas não em nenhuma JVM Oracle? 2024-12-12 20:46:46 +0800 CST
  • Martin Hope
    Oodini Qual é o propósito de `enum class` com um tipo subjacente especificado, mas sem enumeradores? 2024-12-12 06:27:11 +0800 CST
  • Martin Hope
    sleeptightAnsiC `(expression, lvalue) = rvalue` é uma atribuição válida em C ou C++? Por que alguns compiladores aceitam/rejeitam isso? 2024-11-09 07:18:53 +0800 CST
  • Martin Hope
    The Mad Gamer Quando devo usar um std::inplace_vector em vez de um std::vector? 2024-10-29 23:01:00 +0800 CST
  • Martin Hope
    Chad Feller O ponto e vírgula agora é opcional em condicionais bash com [[ .. ]] na versão 5.2? 2024-10-21 05:50:33 +0800 CST
  • Martin Hope
    Wrench Por que um traço duplo (--) faz com que esta cláusula MariaDB seja avaliada como verdadeira? 2024-05-05 13:37:20 +0800 CST
  • Martin Hope
    Waket Zheng Por que `dict(id=1, **{'id': 2})` às vezes gera `KeyError: 'id'` em vez de um TypeError? 2024-05-04 14:19:19 +0800 CST
  • Martin Hope
    user924 AdMob: MobileAds.initialize() - "java.lang.Integer não pode ser convertido em java.lang.String" para alguns dispositivos 2024-03-20 03:12:31 +0800 CST
  • Martin Hope
    MarkB Por que o GCC gera código que executa condicionalmente uma implementação SIMD? 2024-02-17 06:17:14 +0800 CST

Hot tag

python javascript c++ c# java typescript sql reactjs html

Explore

  • Início
  • Perguntas
    • Recentes
    • Highest score
  • tag
  • help

Footer

AskOverflow.Dev

About Us

  • About Us
  • Contact Us

Legal Stuff

  • Privacy Policy

Language

  • Pt
  • Server
  • Unix

© 2023 AskOverflow.DEV All Rights Reserve