Tutorials

It is a very tough job to delete 9gag comments from a very active thread as your comment will be hidden somewhere amongst thousands of comments. But I will share with you an easy way to do it. Using this method you will be able to go to your comments directly one by one and delete them no need to search for needles in a haystack. Let us dive into the process step by step.

Request your data from 9gag

The first step is to request your data from 9gag. You can do this by going to Profile->setting->privacy and safety. See the image below

Once you click on privacy and safety you will get an option to request data

Once you click on the Request my data button, 9gag will send you all your data in an HTML file after some time maybe one or two days.

Deleting 9gag comments

Once you get your 9gag data in an HTML file in your registered email then you need to extract it and open it in a browser. It will be something like this

Now, this HTML file has all your 9gag data. To delete your 9gag comments scroll down till you reach the comments section. The comment section will have the time of the comment and a URL directly linking to your comment, yes directly linking to comment no more searching. See the image below

The left block consists of a time of creation and right block will have direct links to comment. Now from here, we need to go one by one through each link open it in 9gag just by clicking and deleting the comment if you wish. As of now, it is a manual process from here on if any of you fellow 9gagers come across automation do let me know in the comments. Hope it helps

Read More

RxSwift is awesome we know it and most of us have experienced it. We also know that it is very easy to learn but requires a different thought process making it a bit tough to wrap your head around it. In this post, we will be making a simple UITableView implementation using RxSwift and RxCocoa. No complex patterns to confuse you, the idea is to understand one thing at a time. If you are looking for without Rx implementation you can have a look here..

Getting started

• Create a project you can name it as per your choice select Storyboard
• Close xcode project
• Open terminal and cd <your project folder>
• Run pod init
• Run pod install
• Open your project from workspace file. Pod install will create a workspace file for you its almost always below your pbxproject file
• In the project you will see Pods folder expand it and open pod file it will look some thing like this

• Add pods for RxSwift and RxCocoa
  •   pod 'RxSwift', '~> 5'
  •   pod 'RxCocoa', '~> 5'
• Close the project again and run pod install in terminal

Setting up your UITableView

• Drop a UITableView in ViewController Scene of your stroy borad and set constraints 0,0,0,0
• Add a UITableViewCell in the table view and set its Identifier as "Cell"
• Create a     @IBOutlet weak var tableView:UITableView! and link your table view

Setting up your view controller

Start by importing RxSwift and RxCocoa in your view controller.

import RxCocoa
import RxSwift

Create a dispose bag and data source

    var fruitDic: BehaviorRelay<[[String : String]]> =
          BehaviorRelay(value:
              [["name":"apple"],
               ["name":"banana"],
               ["name":"cherries"],
               ["name":"grapes"],
               ["name":"lemon"],
               ["name":"orange"],
               ["name":"strawberry"],
               ["name":"tomato"]])
      
      var disposeBag = DisposeBag()

In order to create our data source, we have used behaviour relay. It stores values that cannot be mutated. In order to change the data stored in a BehaviourRelay we must first extract it and update it after that we can put it back in BehaviourRelay. BehaviourRelay emits the latest data it has to all its subscribers. We need to subscribe to our data source but before that, we will setup tableview delegate

      func inputTableView() {
          
          // Set tableview delegate. 
        tableView.rx
              .setDelegate(self)
              .disposed(by: disposeBag)
          
          // Bind fruit dictionary and tableview
          fruitDic.asObservable()
              .bind(to: tableView.rx
                        .items(cellIdentifier: "Cell", cellType: UITableViewCell.self))
              { index, element, cell in
                  // Write image, name for cell label.
                cell.textLabel?.text = element["name"]
          }.disposed(by: disposeBag)

        tableView.tableFooterView = UIView()
    }

Now call this function inputTableView() from your viewDidLoad and add the table view delegate method for row height. After this, you can run your project in the simulator to see the table view working. I have also added item selected subscription and the final Viewcontroller class looks like this.

 //
//  ViewController.swift
//  RxSwiftUItableview
//
//  Created by amarendra on 10/09/21.
//

import UIKit
import RxCocoa
import RxSwift

class ViewController: UIViewController, UITableViewDelegate {

    @IBOutlet weak var tableView:UITableView!
    var fruitDic: BehaviorRelay<[[String : String]]> =
          BehaviorRelay(value:
              [["name":"apple"],
               ["name":"banana"],
               ["name":"cherries"],
               ["name":"grapes"],
               ["name":"lemon"],
               ["name":"orange"],
               ["name":"strawberry"],
               ["name":"tomato"]])
      
      var disposeBag = DisposeBag()
      
      override func viewDidLoad() {
          super.viewDidLoad()
          inputTableView()
      }
      
      
      func inputTableView() {
          
          // Set tableview delegate. 
        tableView.rx
              .setDelegate(self)
              .disposed(by: disposeBag)
          
          // Bind fruit dictionary and tableview
          fruitDic.asObservable()
              .bind(to: tableView.rx
                        .items(cellIdentifier: "Cell", cellType: UITableViewCell.self))
              { index, element, cell in
                  // Write image, name for cell label.
                cell.textLabel?.text = element["name"]
          }.disposed(by: disposeBag)
        // added did select equivalent and printed corresponding name 
        tableView.rx.itemSelected.subscribe { [weak self] (indexPath) in
            print(self!.fruitDic.value[indexPath.row]["name"]!)
        }.disposed(by: disposeBag)
          
        tableView.tableFooterView = UIView()
      }
       
    
      func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
          return 40
      }

}

Read More

Hey there!! The agenda of this post is to get you on the speed with SwiftUI and I have chosen the most versatile UI component in iOS app world the UITableView.

Today we will be making a UITableView with a custom cell and I will try to keep it as simple as possible.Let's begin

Creating a SwiftUI Application

• Select interface to be SwiftUI
• Select SwiftUI App as Life Cycle
• Select language as Objective-c (You believe me?) Swift, The language is Swift

The image above shows the basic project configuration. Now open the project

What we are making

We are going to make a simple list of cute animals. This app will display a list of cute animals with their name and image. The table view will be driven by a data source. For now, we are keeping things local. You need to go to iemoji and download following animal images

• Goat (its cute for many, not me but many)
• Deer
• Cat
• Dog

Add the images in XCAssets and you can keep the scale universal for this tutorial

Introduction to basic

If you open the SwiftUITableviewApp.swift file you will see it contains the following code

struct SwiftUITableviewApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView() // this calls ContentView in file ContentView.swift
        }
    }
}

This is the app launch point for simplicity we will be working only in ContentView.swift.

Creating Tableview

We will create an Animal struct that will conform to Identifiable as shown in the code below

struct Animal:Identifiable { // its a requirement for List datasource
    var id: Int
    var name: String
    var image: String
}

Now we will create multiple instances of this struct and store it in an animalList array

let animalList = [
    Animal(id: 1, name: "goat", image: "goat"),
    Animal(id: 1, name: "dog", image: "dog"),
    Animal(id: 1, name: "deer", image: "deer"),
    Animal(id: 1, name: "cat", image: "cat"),
]

Now before we create our row I would like to click on the resume button in the preview section. You should see a Hello World screen this is because of the code

struct ContentView: View {
    var body: some View {
        Text("Hello, world!")
            .padding()
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

Lets create a simple row and show it on screen directly without list.

struct cell: View {
    var body: some View {
        HStack { // HStack means horizontal stack and we have stacked image and text component horizontally
            Text("goat")
            Image("goat")
        }
    }
}

after creating a simple row we will call it in ContentView to show on screen

struct ContentView: View {
    var body: some View {
        Cell()
    }
}

Now once you click resume on the preview pannel you will be presented with our magnificent goat

Its not looking that presentable. So we will be adding some spacer to add space between our goat and text and then we will resize the goat follow on in code.

struct Cell: View {
    var body: some View {
        HStack {
            Text("goat")
            Spacer() // will add space between text and goat like pring
            Image("goat")
                .resizable()
                .aspectRatio(contentMode:.fit) 
                .frame(maxWidth:40) // setting max width
        }
    }
}

Now the image looks less goatish. At this point, we will not worry about the leading and trailing spaces as our table view will take care of it.

As you keen-eyed people have already observed that the cell we have created is showing static data and is not a part of any table view, In the next step we will create that

// make the cell dynamic
struct Cell: View {
    var animal:Animal. // added a animal type property
    var body: some View {
        HStack {
            Text(animal.name) // used property to get name 
        Spacer()
            Image(animal.image) // used property to get image name
            .resizable()
            .aspectRatio(contentMode:.fit)
            .frame(maxWidth:40)
        }
    }
}

At this point, you will start getting errors in content view but don't worry about it lets create our table view list as we call them in swift

struct Mytable: View {
    var animals: [Animal] // data source animal array
    var body : some View {
        List(animals) { // list which accepts animals(animal must conform to identifiable)
            animal in Cell(animal: animal) // loopint through animals and passing each animal to cell
        }
    }
}

// now lets make changes in our content_previews Mytable_Previews

struct Mytable_Previews: PreviewProvider { // we have renamed Content_previews
    static var previews: some View {
        Mytable(animals: animalList) // showing MyTable and passing animalList to it.
    }
}

Done!!! now resume the preview you should see the list with cells!!! as given below

Only goats, that's not what we want. Let's take a look at our data source you will see that we have kept all the id:1 for all animals so only one type of data is being shown let's update our data source as given below

let animalList = [
    Animal(id: 1, name: "goat", image: "goat"),
    Animal(id: 2, name: "dog", image: "dog"),
    Animal(id: 3, name: "deer", image: "deer"),
    Animal(id: 4, name: "cat", image: "cat"),
] // updated all ids they are all different now

//after this your file should like
import SwiftUI

struct Animal:Identifiable {
    var id: Int
    var name: String
    var image: String
}

let animalList = [
    Animal(id: 1, name: "goat", image: "goat"),
    Animal(id: 2, name: "dog", image: "dog"),
    Animal(id: 3, name: "deer", image: "deer"),
    Animal(id: 4, name: "cat", image: "cat"),
]

struct ContentView: View {
    var body: some View {
        Mytable(animals: animalList) // this will actually show on app run
    }
}

struct Mytable_Previews: PreviewProvider {
    static var previews: some View {
        Mytable(animals: animalList) // this is for preview only 
    }
}

struct Cell: View {
    var animal:Animal
    var body: some View {
        HStack {
            Text(animal.name)
        Spacer()
            Image(animal.image)
            .resizable()
            .aspectRatio(contentMode:.fit)
            .frame(maxWidth:40)
        }
    }
}

struct Mytable: View {
    var animals: [Animal]
    var body : some View {
        List(animals) {
            animal in Cell(animal: animal)
        }
    }
}

Now resume preview again or run your app you will have a list of animals

Hope you enjoyed it.

Read More