askyスマートフォン用の表示で見るasky主にAndroidやiOSの開発について綴っています。使っている好きなアプリや全く関係のない話はDiaryで書いていきたいです。メニューTOPAndroidiOSJavaDiaryこの広告は、90日以上更新していないブログに表示しています。Swift【環境】Xcode9.2上画像のようなセルをカスタムしたUITableViewを作成する手順。下画像のようにUITableViewを配置します。画像では、既にUITableViewを配置しています。下画像のように画面いっぱいに設定するため、赤枠部分をすべて「0」にします。次は下画像のようにUITableViewの中にUITableViewCellを配置します。画像では、既にUITableViewCellを配置しています。下画像のようにUITableViewCellにUILabelを2つ配置します。画像では、既にUILabel2つを配置しています。UITableViewCellのクラスを作成した後に、ちょっとだけ手を加えますが、それはもう少し後で!UITableViewCellのクラスを作成UITableViewCellを新規作成します。今回は、「TitleTableViewCell」というクラス名にしました。TableViewSampleを選択し、右クリックでメニューを表示します。Class]を選択して、次へ。下画像のようにクラス設定します。fileのチェックは不要あとは、ファイルの保存先の設定なので、省略します。↓クラスができたら、セル内に配置したUILabel2つをそれぞれ紐付けます。(5〜6行目で行なっています。下画像のようにIdentifierに「TitleCell」を入力します。Identifier名は任意で決めてください。)وViewController.swiftを編集さて、終わりに近づいてきました♪UITableViewを実装したクラスである、ViewController.swiftを編集します。個人的には後で見ても視覚的に指定していることを把握しやすいので、コード上で指定しています。【24〜26行目】UITableVIewで使用頻度の高いメソッドセクション数を返します。【29〜31行目】UITableVIewを使う時の必須メソッドセル数を返します。【34〜40行目】UITableVIewを使う時の必須メソッドセル内容はここで書きます。今回は、各ラベルにNo.とタイトル(星座名)を表示するように処理を書いています。ここで大事なことは、35行目で書いている、withIdentifierにはUITableViewのIdentifierで入力した「TitleCell」を指定してください。セルをタップした時の処理を行ます。久しぶりに書いたらグッタリとしてきたので、それはまた近々書こうと思います。»Search*Profile*id:asky0113最近は主にSwiftを触ることが多いので、開発系はSwiftやXcodeのお話をしつつ、お気に入りのツールなども綴っていきたいと思います。〜2018-06-10Swift:UITableViewCellのあれこれ(随時更新)Archive*広告はてなブログをはじめよう!asky0113さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。