1

Estou populando uma UITableView com dados que pego em um WebService JSON.

Estes dados são textos dos quais eu preciso formatar.

Esta vindo desta forma:

inserir a descrição da imagem aqui

Minha ViewController:

//
//  ViewController.swift
//  tableView
//
//  Created by Gabriel Rodrigues on 03/12/15.
//  Copyright © 2015 Sephirot. All rights reserved.
//

import UIKit
import Alamofire
import SwiftyJSON

class ViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {
  var texto: [String] = []@ IBOutlet weak
  var table: UITableView!

    override func viewWillAppear(animated: Bool) {
      self.table.reloadData()
    }

  override func viewDidLoad() {
    super.viewDidLoad()
    table.delegate = self
    table.dataSource = self

    loadPosts()
  }

  func loadPosts() {
    let url = "http://puc.vc/painel/webservice/procedimentosacademicos/"
    Alamofire.request(.GET, url)
      .responseJSON {
        response in

          if
        let value: AnyObject = response.result.value {
          let post = JSON(value)
          for (_, subJson) in post {
            self.texto.append(subJson.stringValue)
          }
        }

        dispatch_async(dispatch_get_main_queue(), {
          self.table!.reloadData()
        })
      }
  }

  override func didReceiveMemoryWarning() {
    super.didReceiveMemoryWarning()
  }

  func tableView(tableView: UITableView, numberOfRowsInSection section: Int) - > Int {
    return self.texto.count
  }

  func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) - > UITableViewCell {
    let cell: UITableViewCell = tableView.dequeueReusableCellWithIdentifier("cell", forIndexPath: indexPath) as UITableViewCell

    cell.textLabel ? .text = self.texto[indexPath.row]
    print(self.texto[indexPath.row])
    return cell
  }

}

Source de Exemplo: Github

1 - Como posso realizar as quebras de linha em textos grandes?

2 - Como posso remover o evento de click nestas linhas? ou indicar uma especifica para ter o click.

3 - Como definir uma fonte customizada para esta UITableViewCell?

1

2 Respostas 2

2

Fiz um pull request no seu repositório com a solução abaixo:

  • Ativar Size Classes nas views do Storyboard. Pois assim poderemos trabalhar independente do tamanho da tela do usuário. Size Classes Apple

    inserir a descrição da imagem aqui


  • Setar o Size da sua ViewController pro tamanho do iPhone 5.5-inch. Essa é uma dica pra aplicar o design da sua tela usando como referência a tela do iPhone 6+

    inserir a descrição da imagem aqui


  • Selecione sua TableView e deixe ela do tamanho da view: 414x736, depois coloque o Row Height como 100, por fim adicione os contraints nas margens.

inserir a descrição da imagem aqui


  • O seu arquivo ViewController.swift ficará assim: Expliquei as modificações nos comentários

//
//  ViewController.swift
//  tableView
//
//  Created by Gabriel Rodrigues on 03/12/15.
//  Copyright © 2015 Sephirot. All rights reserved.
//

import UIKit
import Alamofire
import SwiftyJSON

class ViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {
  var texto: [String] = []@ IBOutlet weak
  var table: UITableView!

    override func viewWillAppear(animated: Bool) {
      self.table.reloadData()
    }

  override func viewDidLoad() {
    super.viewDidLoad()
    table.delegate = self
    table.dataSource = self
    
    // essas propriedades falam pra sua tableView que o tamanho da row será automático mas que o esperado é 100
    table.estimatedRowHeight = 100 
    table.rowHeight = UITableViewAutomaticDimension

    loadPosts()
  }

  func loadPosts() {
    let url = "http://puc.vc/painel/webservice/procedimentosacademicos/"
    Alamofire.request(.GET, url)
      .responseJSON {
        response in

          if
        let value: AnyObject = response.result.value {
          let post = JSON(value)
          for (_, subJson) in post {
            self.texto.append(subJson.stringValue)
          }
        }

        dispatch_async(dispatch_get_main_queue(), {
          self.table!.reloadData()
        })
      }
  }

  override func didReceiveMemoryWarning() {
    super.didReceiveMemoryWarning()
  }

  func tableView(tableView: UITableView, numberOfRowsInSection section: Int) - > Int {
    return self.texto.count
  }

  func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) - > UITableViewCell {
    
    // agora sua cell será do tipo CustomTableViewCell
    let cell = tableView.dequeueReusableCellWithIdentifier("customCell", forIndexPath: indexPath) as! CustomTableViewCell

    // setando o texto na label textoBasico
    cell.textoBasico.text = self.texto[indexPath.row]
    print(self.texto[indexPath.row])
    return cell
  }

}

// Classe que herda de UITableViewCell para ser sua custom cell
class CustomTableViewCell: UITableViewCell {
   @IBOutlet var textoBasico: UILabel!
}


  • Alterar a cell do Storyboard falando o tamanho dela e qual classe ela é.

    inserir a descrição da imagem aqui

    inserir a descrição da imagem aqui

    inserir a descrição da imagem aqui


  • Por fim ajustar as propriedades da label no Storyboard:

    - Adicionar a label dentro da cell

    inserir a descrição da imagem aqui

    - Setar as contraints da label

    inserir a descrição da imagem aqui

- Setar a fonte customizada do texto

inserir a descrição da imagem aqui

- Setar as propriedades de linha do label

inserir a descrição da imagem aqui

- Conectar a label do storyboard com a label da classe

inserir a descrição da imagem aqui


O resultado fica assim na tela

inserir a descrição da imagem aqui

3
  • +1 excepcional, vi a notificação do github, amanhã pegarei o Mac e farei todos os testes, sua resposta além de me ajudar vai ajudar muita gente por que os detalhes citados podem ser aplicados em várias coisas, questão de size class e aplicar contraints elas estão definidas no projeto principal neste era somente exemplo. Commented 6/12/2015 às 1:22
  • Duvida, usar tableview e a forma mais recomendada de preencher informações na tela ? Digo isso por que eu vi do web e lá a gente usa table apenas para dados tabulados e section para textos e esses detalhes entende? Commented 6/12/2015 às 1:25
  • 1
    Costuma ser @GabrielRodrigues. Table Views e Collection Views são bastante usados quando se precisa fazer algo desse tipo. Você pode estar olhando o que a Apple fala a respeito das Table Views, aliás recomendo você sempre consultar o Guia de Interface Humana do iOS pois é um documento que ajuda muito.
    – iTSangar
    Commented 6/12/2015 às 1:42
1

Para desabilitar o click de uma célula específica:

cell.selectionStyle = UITableViewCellSelectionStyle.None

Para mudar a fonte você pode alterar pelo MainStoryBoard, ou via código

cell.textLabel.font = UIFont(name: "ArialMT", size: 16)

Quebras de linha e número de linhas da mesma forma:

cell.textLabel.lineBreakMode = NSLineBreakMode.ByWordWrapping
cell.textLabel.numberOfLines = 3

Se você tem itens distintos (mais de um texto) para cada cell você pode criar uma prototype cell, como eu respondi nesta outra pergunta:

É só arrastar para a prototype cell da sua tabela os UILabels que você precisa (no seu caso texto, título, etc).

Ela funciona como um template para as linhas da tabela, então você pode criar uma classe customizada que herda de UITableViewCell para vincular com @IBOutlet, ou acessar via Tags.

Referêcia:

UICollectionView

UITableView

Tutorial Prototype Cells:

http://www.raywenderlich.com/113388/storyboards-tutorial-in-ios-9-part-1

2
  • +1 top, estas configurações devem ser no metodo tableview - > cellForRowAtIndexPath ? lá que eu insiro o valor na cell. vou fazer uns testes! Commented 4/12/2015 às 18:56
  • @GabrielRodrigues sim, deve ser no método "cellForRowAtIndexPath" Commented 4/12/2015 às 20:36

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .