UITableViewの検索結果1 - 29 件 / 29件

• あとで読む

  UICollectionViewでお手軽にUITableViewライクなリストレイアウトを実現する「Lists in UICollectionView」セッションメモ #WWDC20 | DevelopersIO

  • 7 users
  • dev.classmethod.jp
  • テクノロジー
  • 2020/06/26

  はじめに こんばんは。CX事業本部の平屋です。 UICollectionViewでお手軽にUITableViewライクなリストレイアウトを実現する仕組みが、iOS 14 で追加されました。その仕組みに関するセッション「Lists in UICollectionView」を視聴したので、本記事ではその概要を紹介します。 このセッションの動画は一般に公開されています。以下のページで確認できます。 Lists in UICollectionView - WWDC 2020 - Videos - Apple Developer また、記事中の画像はWWDCのセッションのスライドを引用しています。 本記事は Apple からベータ版として公開されているドキュメントを情報源としています。 そのため、正式版と異なる情報になる可能性があります。ご留意の上、お読みください。 iOS 14で追加された、UIC

  • UI
  • iOS
  • 開発

  
• あとで読む

  UITableViewを用いた実装で意識したほうがいいポイント - BASEプロダクトチームブログ

  • 6 users
  • devblog.thebase.in
  • テクノロジー
  • 2020/08/19

  はじめに こんにちは、ネイティブアプリチームの筧です。 自分はモバイルアプリの開発は今まで Android でしか経験がなかったのですが、最近は iOS アプリ開発にコンバートしました。 はじめは Storyboard の扱いに慣れなかったり、AutoLayout の設定に色々と苦戦していたのですが少しずつ慣れていきました。 今回 UITableView を用いた新機能の開発を経験し、iOS エンジニアの先輩にレビューで課題点をあぶり出してもらい勉強になったので、いくつかポイントをピックアップして紹介します。 開発のお題 まずは簡単に今回のお題となった機能を実現するにあたって、求められる挙動をいくつか紹介します。 主に 2 種類の UITableViewCell を実装します 1 つは文字を入力できる UITableViewCell。 UITableViewCell の中に UITextV

  • 開発

  
• あとで読む

  【再入門】UICollectionViewとUITableViewのセルを選択したときに見た目を変える方法 - Gunosy Tech Blog

  • 6 users
  • tech.gunosy.io
  • テクノロジー
  • 2019/12/05

  こんにちは。iOSアプリを開発している吉岡(rikusouda)です。 こちらは Gunosy Advent Calendar 2019、5日目の記事です。なお、昨日の記事は齊藤さんのA/Bテストの時間短縮に向けて 〜ベイズ統計によるA/Bテスト入門〜 でした。 qiita.com はじめに iOSアプリを開発していると、UICollectionViewとかUITableViewでセルを選択状態にしたときに表示を変えたいことがちょくちょくあります。 実現方法を検索エンジンで調べて見ると自前で選択状態を管理する方法が複数出てきました。具体的に言うと「 tableView(_:didSelectRowAt:) や tableView(_:cellForRowAt:) でcellに対して選択状態の変更通知を出して、そこで表示を切り替える方法」です。 この方法でももちろん機能を実現できるので選択肢

  
• あとで読む

  [iOS] UITableViewのtableHeaderView/tableFooterViewをAutoLayoutに対応 - Qiita

  • 3 users
  • qiita.com/fromkk
  • テクノロジー
  • 2020/06/17

  [iOS] UITableViewのtableHeaderView/tableFooterViewをAutoLayoutに対応iOSUITableViewSwifttableHeaderViewtableFooterView この記事は UITableView の tableHeaderView/tableFooterView にAutoLayoutを利用する方法について書いていきます。 ちなみに元々は岸川さんのツイートを参考に（というか丸パクリ）した旨をツイートするとどこかに書いておいてくれとの依頼があった物です。 元々のコードはこちらです。 わかる人が見れば元のコードを見るだけで分かるかと思いますので、この記事ではどうしてこれで対応が可能なのか分からない人向けの説明をしようと思います。 headerView.translatesAutoresizingMaskIntoConstrain

  • iOS

  
• あとで読む

  UITableViewのスクロール位置を戻したい！ - Qiita

  • 3 users
  • qiita.com/am10
  • テクノロジー
  • 2020/10/12

  はじめに UITableView で reloadData() をしたときにトップへスクロールしたいときがたまにあります。でもこれが結構めんどくさい。。。 色々方法を試したので備忘録として記載します。 やりたいことは「ボタン押下したときにリロード＋スクロール位置をトップに戻したい」ということ！ こんな感じ（before が最下部表示で after が before の状態からリロード+トップへスクロールした状態です) before after テーブルは前回の記事で書いたヘッダーが消えたり出たりする grouped スタイルのテーブルでやります！ （before はヘッダー非表示、after はヘッダー表示です） 方法 テーブルをトップにスクロールする方法として setContetnOffset と scrollToRow があり、 reloadData の前にスクロールさせるのか後にスク

  
• あとで読む

  iOS 13 以降、UITableView の scrollToRowAtIndexPath が正しく動作しない場合がある - 将棋プログラミング

  • 3 users
  • ykakinoki.hateblo.jp
  • テクノロジー
  • 2021/06/29

  iOS 13 以降、UITableView の scrollToRowAtIndexPath が正しく動作しない場合がある。 最初に気がついたのは、iOS 13 になったとき、iPad では、scrollToRowAtIndexPath が正しく動作しなくなった時であった。 この時、animated が NO だと問題があり、YES だと正しく動作することがわかった。 最近、UITableView のセルの表示を追加した際、iOS 14 の iPhone でも、同様の問題が起きることに気がついた。 animated が NO だと問題があり、YES だと正しく動作する。 シミュレータでは問題がなく、実機だけで問題が起きるので、やっかいである。 この問題は、次のように、50 ms の遅延実行で、解決した。 [self performSelector:@selector(***:) withO

  
• あとで読む

  【Swift】ひとつの画面に複数のUICollectionViewやUITableViewを実装してみた【StackView】

  • 3 users
  • uruly.xyz
  • テクノロジー
  • 2020/09/10

  【Swift】ひとつの画面に複数のUICollectionViewやUITableViewを実装してみた【StackView】 どうも。Reoです。 今回は、一つの画面に複数の UICollectionView と UITableView を実装してみたお話です。 めちゃくちゃよくあるレイアウトですよね！ 数年 Swift をやっていて今更こんな話？って気もしますが、気にしないで書いていこうと思います。 環境 記事を書いてる時点の環境です。 Xcode 11.1 Swift 5.1 iOS 13.1.3 GitHub にサンプルリポジトリを作りました。 uruly/MultipleCollectionView: Set multiple UICollectionView or UITableView in UIViewController. つくるもの 例えば、レシピアプリだったら。 ヘッ

  • iOS

  
• あとで読む

  Self-Sizing UITableView Cells with SwiftUI

  • 2 users
  • noahgilmore.com
  • 暮らし
  • 2020/11/17

  Self-Sizing UITableView Cells with SwiftUIJuly 21, 2020 Update (9/16/2020): iOS 14 introduces issues related to keyboard safe area insets which basically make this approach invalid - it still works if your app is built with Xcode 11, but building with Xcode 12 will cause the cell layouts whose rects intersect with the keyboard rect to break. For more information see this tweet, the developer forum

  
• あとで読む

  【初心者向け】UITableView(テーブル)の更新方法の基本と注意点

  • 2 users
  • blog.mothule.com
  • 暮らし
  • 2020/03/31

  UITableViewは主にシステム側が制御してますが、一部制御をdelegate(=お願い)することで柔軟な制御をしています。 表示データをセルに表示するタイミングもその一つです。 このシステムの更新ルールから外れて表示データを更新しても反映されません。 この記事では動的なテーブルの更新方法について説明します。 またいくつか更新方法があるのでそれぞれの説明と注意点についても説明します。 データが反映されないコード ここでは、テーブルにデータが反映されないコードとその理由について説明します。 次のコードは、テーブル更新時にusersを表示データとして参照しています。 そしてその表示データをviewDidLoad()メソッド呼び出し後の1.0秒後に更新しています。 struct User { let name: String } class ViewController: UIViewCon

  
• あとで読む

  [iOS][UITableView] リストを並び替える画面を作成する | DevelopersIO

  • 2 users
  • dev.classmethod.jp
  • テクノロジー
  • 2021/12/14

  はじめに こんにちは。モバイル事業部の平屋です。 UITableViewを使ってリストを並び替える画面を作成する実装を試してみましたので紹介します。 サンプルアプリ 本記事では以下のような画面を作成します。 検証環境 macOS Big Sur 11.4 Xcode Version 13.1 基本機能の実装 // (1) class ViewController: UITableViewController { // (2) var values = ["1", "2", "3", "4", "5", "6", "7", "8", "9"] // ... override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int { // (3) return values.cou

  • iOS

  
• あとで読む

  【初心者向け】UITableViewのセルの編集制御を極める

  • 2 users
  • blog.mothule.com
  • テクノロジー
  • 2020/10/16

  UITableViewのセルには編集モードというものがあり、セルを並び替えたり削除したり、セルを左右にスワイプすることでアクションメニューを表示したいときに使います。 実際にどういったことが出来るのかコードと動画を使って分かりやすくまとめてみました。 編集モードとは UITableView.isEditing を true にすると編集モードに切り替わります。 次のように削除と並び替えが出てきます。 つまり 編集モードには アクション と 並び替え の2機能を備えてます。 しかしこのままでは削除を押しても何もおきないし、並び替えできてもセルを隠すと元に戻ります。 セルの削除は自分で行う必要がある 並び替え後はデータも並び替える必要がある ではちゃんと削除と並び替えを実装してみます。 削除と並び替えを実装する 次のようなToDoをテーブルに並べて、それを削除したり並び替えたりできるようにしま

  • iOS

  
• あとで読む

  UITableViewの高さをcell数に応じて可変にしたい - Qiita

  • 1 user
  • qiita.com/y-some
  • テクノロジー
  • 2022/03/10

  課題事例 元々、画面全体がUIScrollViewになっていて、真ん中にUITableViewを差し込みたい（※新規画面なら全体をUITableViewにすれば済む話ではあります）。 画面全体をスクロールさせる点に変わりはないので、UITableViewはスクロールさせない。 UITableViewはcell数が可変、かつcellごとの高さも違っていて、それに応じてUITableViewの高さを変えたい（そうしないと全てのcellが表示されなかったり、余白ができてしまったりするので）。 解決法 (1) 高さのconstraintを変数に格納。 (2) KVO(Key Value Observing)でUITableViewのcontentSize.heightを監視。 NSKeyValueObservationを格納するための変数を宣言し、UITableViewのcontentSize.h

  
• あとで読む

  TableView（スワイプ）でUIContextualActionにカスタム幅を与える方法 - ios、swift、uitableview

  • 1 user
  • living-sun.com
  • テクノロジー
  • 2020/06/19

  プログラミングの助け、質問への回答 / イオス / TableView（スワイプ）でUIContextualActionにカスタム幅を与える方法 - ios、swift、uitableview 私は単純なTableViewを持っている： 現在、UIContextualActionを使用して左にスワイプすると、次のようになります。 私の現在のコード： override func tableView(_ tableView: UITableView, leadingSwipeActionsConfigurationForRowAt indexPath: IndexPath) -> UISwipeActionsConfiguration? { let editAction = UIContextualAction(style: .normal, title: "Modifier", handle
• あとで読む

  【Swift3】UITableView separator のおはなし - また１からこつこつと

  • 1 user
  • mjk0513.hateblo.jp
  • テクノロジー
  • 2020/06/09

  UITableViewのcellとcellの間にある線がある。これをseparatorという。（そのまま） こいつに関して幾つか知見を得たのでメモ。 画面の左端まで線を到達させる separatorはデフォルトでは画面の左端まで到達せずに切れてる。 これを左端までつける方法。 tableView.separatorInset = .zero これでOK。 色も変えることができる。 tableView.separatorColor = UIColor() ここまでカスタマイズできるのはすごい。 ただ、これだとindexPath == 0、つまり1番上のcellの上に線が入らない。 こういったことを実装したい場合は、cellにUIViewを追加するしかないっぽい。 func tableView(_ tableView: UITableView, cellForRowAt indexPath:

  
• あとで読む

  [iOS] UITableViewにUIDatePickerをインライン表示する | DevelopersIO

  • 1 user
  • dev.classmethod.jp
  • テクノロジー
  • 2020/04/13

  はじめに こんにちは。CX事業本部の平屋です。 本記事では、以下のスクショのような、UITableViewにUIDatePickerをインライン表示する実装を紹介します。 iOS標準のカレンダーアプリなどで採用されているUIで、UIDatePickerの真上のセルをタップすると、UIDatePickerの表示/非表示を切り替えられます。 検証環境 macOS Mojave 10.15.3 Xcode Version 11.3.1 実現方法 インラインでのUIDatePicker表示を実現する方法はいくつかありますが、本記事では、UILabelとUIDatePickerを持つセルを用意し、このセルの高さを動的に変更することによって、インライン表示のUIDatePickerの表示/非表示を切り替えられるようにします。UIDatePickerの代わりに他のコンポーネント(UIPickerView

  
• あとで読む

  Swift4でUITableviewの表示を一番上にスクロールさせるには

  • 1 user
  • ja.stackoverflow.com
  • テクノロジー
  • 2019/12/19

  Xcode 9.2(9C40b) を使ってSwiftでUITableViewを使ってリスト表示しています。 ボタンを押すとリストの一番上にスクロール(animated: true)させて移動させたいと思っています。 @IBOutlet weak var ContantsTable: UITableView! @IBAction func ToTopTable(sender: AnyObject) { ContantsTable.setContentOffset(CGPoint(x:0, y:-ContantsTable.contentInset.top), animated: true) print(ContantsTable.contentInset.top) // ・・・① } 実行させるとボタンを押したらセルが半分ずつ（おおよそ）上に行くのみでした。 そして、①の結果は「0.0」 何

  • trouble

  
• あとで読む

  UITableViewの編集モードを使ってCellの削除を実装するまで - Qiita

  • 1 user
  • qiita.com/nasutaro211
  • テクノロジー
  • 2019/07/13

  TableViewのCellの削除の流れ tableViewのdlegateなどは実装してあることを前提としています。 1. 編集ボタンを作ってNavigationBarに追加 2. 編集ボタンを押したらTableViewの編集モードを切り替える 3. 削除の実装 4. バツボタンの背景色を変える 5. 通常時の横にシュッてやるとdeleteが出てしまうのをオフにする 1. 編集ボタンを作ってNavigationBarに追加 まず実装したいViewを選択した状態でxcodeの上のメニューバーからEditor -> Enbed In -> NavigationControllerでNavigationBarを画面に追加する(Viewが二つになるがこれらがうまく重なるイメージ) その後実装したいViewのControllerのviewDidLoad()に次のコードを書き込む self.navi

  • swift
  • iOS

  
• あとで読む

  【初心者向け】UITableViewのSection(セクション)の使い方

  • 1 user
  • blog.mothule.com
  • テクノロジー
  • 2021/10/22

  あまり使う機会の少ないと油断してると、必要性が急上昇するSection（セクション）です。 Section(セクション)を使うとどうなるのか？どういった見た目になるのか？注意点や使い所に関して説明します。 UITableViewのおさらい テーブルはヘッダー、フッター、SectionとRowに分かれています。 そしてSectionごとにもヘッダーとフッターがあります。 Section(セクション)とは？Row(ロウ)とは？ Row(ロウ)とはセル Section(セクション)とはRow(ロウ)をまとめたグループ Section(セクション)を増やす UITableViewDataSource の func numberOfSections(in tableView: UITableView) -> Int を実装し、返した値がセクション数になります。 func tableView(_ ta

  • iPhone

  
• あとで読む

  UICollectionViewやUITableViewでperformBatchUpdatesを行う場合は、更新・削除・挿入を分ける - 半空洞男女関係

  • 1 user
  • mactkg.hateblo.jp
  • 学び
  • 2021/01/05

  ドキュメントをよく読んでという話だけど、performBatchUpdates を行う際は、更新とアイテムの挿入・削除の順番に気を付ける必要がある。 performBatchUpdates(_:completion:) | Apple Developer Documentation 更新は先にやる If the collection view's layout is not up to date before you call this method, a reload may occur. To avoid problems, you should update your data model inside the updates block or ensure the layout is updated before you call performBatchUpdates(_:com

  
• あとで読む

  UITableViewでSectionHeader/SectionFooterを残さない方法 - Qiita

  • 1 user
  • qiita.com/Yuta
  • テクノロジー
  • 2020/06/30

  - (void)scrollViewDidScroll:(UIScrollView *)scrollView { // SectionFooterの高さ CGFloat sectionFooterHeight = [[self tableView] sectionFooterHeight]; CGFloat offsetY = [scrollView contentOffset].y; CGFloat contentHeight = [scrollView contentSize].height; CGFloat bottomHeight = contentHeight - CGRectGetHeight( [scrollView bounds] ); if ( bottomHeight - sectionFooterHeight <= offsetY && contentHeight >

  
• あとで読む

  UITableViewの高さ制約をコンテンツ量に応じて変化させる ｜ TsukubaDepotの技術ブログ

  • 1 user
  • www.tsukubadepot.net
  • テクノロジー
  • 2022/03/10

  複数の項目を一覧形式して出力する方法はいくつか考えられます。 たとえば、一つは UIStackView を利用し、項目を UILabel として必要な分だけ動的に追加する方法です。 しかし、たとえば項目をタップしたときに特定の動作を行わせたい、スワイプで削除させたいとなると、その実装だけでもかなり大変となります。 一方、UITableView を使うと、セルをタップしたときの処理やスワイプで削除したときの処理など、すべて delegate に任せることができますので、自分で実装すべきコードは格段に減ります。 その一方、UITableView そのものの高さをコンテンツの量（セルの数）にあわせて動的に変化させるとなると、どうすればよいのかかんがえてします。 ここでは、StoryBoard を使い、高さ制約（Constraint）を設定し、それをコード側から動的に変更させることによって、セルの

  
• あとで読む

  【Swift3】UITableViewのセルをスワイプで削除する - Qiita

  • 1 user
  • qiita.com/Simmon
  • テクノロジー
  • 2019/12/13

  func tableView(_ tableView: UITableView, commit editingStyle: UITableViewCellEditingStyle, forRowAt indexPath: IndexPath) { if editingStyle == .delete { array.remove(at: indexPath.row) tableView.deleteRows(at: [indexPath], with: .fade) } } func tableView(_ tableView: UITableView, editActionsForRowAt indexPath: IndexPath) -> [UITableViewRowAction]? { let deleteButton: UITableViewRowAction = UITable

  
• あとで読む

  UITableViewのスワイプ削除を実装する方法

  • 1 user
  • ryolog.org
  • 世の中
  • 2022/09/22

  注意が必要なのは、上記サイトは、画面表示上の削除だけの解説なっています。そのため、アプリを再起動すると削除したデータが復活します。私が作成していたメモアプリは、CoreDataというデータベースを使用しています。CoreDataにあるデータを削除しないと、再起動後、データが表示されてしまいます。なので、今回はCoreDataを使用してデータベース内のデータ管理をしてみたいと思います。 完成したら、このような動きになります。 プロジェクトを作成 最初は、プロジェクトを新規作成します。CoreDataはプロジェクトを作成するとき、項目にチェックを入れるとCoreDataに必要なファイルなどを追加することができます。 CoraDataを設定 CoraDataの設定をします。ENTITIESのところには、今回はEntityと名前を設定します。AttributesにTypeをStringのものを作成

  
• あとで読む

  UITableViewのdragDelegate, dropDelegateについて調べて試した | DevelopersIO

  • 1 user
  • dev.classmethod.jp
  • テクノロジー
  • 2021/02/04

  UITableViewでdragDelegate, dropDelegateを使って、ドラッグ&ドロップ機能を実装する方法を調べました。 UITableViewでdragDelegate, dropDelegateを使って、ドラッグ&ドロップ機能を実装する方法を調べました。既出の技術ですが、備忘録がてら記事にしました。dragDelegate, dropDelegateはiOS11以降で使用することができます。 公式ドキュメント Appleの公式のドキュメントがあります。サンプルプロジェクトもダウンロードできますので、ビルドして動きを確認することができます。 Adopting Drag and Drop in a Table View Supporting Drag and Drop in Table Views Understanding a Drag Item as a Promise

  • iOS

  
• あとで読む

  [Swift]UITableViewからDataSourceを分離する - Qiita

  • 1 user
  • qiita.com/hcrane
  • テクノロジー
  • 2020/10/02

  class XxxTableViewCell: UITableViewCell { // MARK: IBOutlet Variables @IBOutlet private weak var iconView: UIImageView! @IBOutlet private weak var title: UILabel! // MARK: Override Methods override func awakeFromNib() { super.awakeFromNib() } // MARK: Internal Methods func setupCell(with viewModel: CommonViewModel) { if let title = viewModel.title { title.text = title } if let url = viewModel.icon

  
• あとで読む

  【Swift5】UITableViewの編集モード、スワイプアクションについてまとめてみた|Blog(スワブロ) | スワローインキュベート

  • 1 user
  • swallow-incubate.com
  • テクノロジー
  • 2020/10/07

  【Swift5】UITableViewの編集モード、スワイプアクションについてまとめてみた 2020.03.09 千田 こんにちは、せんだです。 最近はもっぱらSwiftを使ったiOS向けのスマホアプリの開発を担当しているのですが、その中でよく使うUI部品としてUITableViewがあります。 今回はそんなUITableViewで使える編集モード、スワイプアクションついて書きたいと思います。 UITableViewの基本的な使い方についてはむつたくのこちらのブログを参考にしていただければと。 それでは早速書いていきますー。 今回やること UITableViewの編集モード UITableViewのスワイプアクション UITableViewのスワイプアクションのカスタマイズ 環境情報 macOS Catalina(10.15.2) Xcode 11.3 Swift 5.1 iOS 13.3

  
• あとで読む

  UITableViewでセルを複数選択する - Qiita

  • 1 user
  • qiita.com/Shotaro_Mori_
  • テクノロジー
  • 2020/02/14

  UIを作成する ストーリーボード上で作成し、UITableViewをViewControllerで参照できるようにします。 特に難しい操作でもないので、詳しい説明は省きます。 UITableViewにDataSourceとDelegateを設定する 以下サンプルを確認していただけるとわかります。 ソースコード class ViewController: UIViewController { @IBOutlet weak var tableView: UITableView! let data = ["test1","test2","test3","test4","test5","test6","test7","test8","test9","test10","test11","test12","test13","test14","test15","test16","test17","tes

  
• あとで読む

  UITableViewのCellをタップしてもdidSelectRowAtIndexPathのdelegateが呼び出されない時に確認する箇所 | クロジカ

  • 1 user
  • tech.kurojica.com
  • 世の中
  • 2019/12/26

  ホーム / ハック / UITableViewのCellをタップしてもdidSelectRowAtIndexPathのdelegateが呼び出されない時に確認する箇所

  • trouble

  
• あとで読む

  【Swift/iOS】UITableViewのセルをタップした時のアクションを実装する

  • 1 user
  • capibara1969.com
  • テクノロジー
  • 2021/05/17

  【Xcode】Version10.1 【Swift】4.2.1 【iOS】12.1.3 【macOS】High Sherra バージョン 10.13.6