Birthday photo frame (Support iOS version 17 and Swift 5)

Here's an introduction and a comprehensive tutorial on how to create a Birthday Photo Frame in Swift 5 for iOS version 17.

Introduction: In this tutorial, we will learn how to create a simple Birthday Photo Frame app using Swift and Xcode. The photo frame is created around an existing picture chosen from your Camera roll using an ImagePicker. Your selected image is then blurred to create a softening effect and then overlapped with a background image also of your choice. For demonstration purposes, we've provided a few pre-chosen background images.

Using your app, you would upload your picture, the Birthday Photo Frame will calculate an elliptical bound circle by comparing the size of both your uploaded picture and an pre-set standard image from which we calculate the circular mask for your picture from it. It then changes its color depending on birthdays near your today's or previous ones and will print 'Happy Birthday' words near the birthday.

With our app, you need only upload your picture at Birthday Photo Frame, as this app has an optional camera feature and an images pick option.

Tutorial for Building the Birthday Photo Frame app:

Step 1: Creating the Storyboard

Create a Single View App with the Project Template. Now, our interface is ready to look good and make sense while implementing our features. Your Single- view (full display with the default iOS setup). You are free and easy to open and look your view (you find some UI Elements and labels at the top). By double-clicking the interface editor, the Story Board Assistant Editor can be revealed with a 'View in Xcode'. In assistant window, select 'Swift Files' (Swift - Auto Pair with Editor-Files). Select the code.

Step 2: Creating a View For Selecting Photo

import UIKit
class ViewController: UIViewController{
@IBOutlet weak var scrollView: UIScrollView!
@IBOutlet weak var imgViewPic: UIImageView!
@IBOutlet weak var btnCamera:UIBarButtonItem!
@IBOutlet weak var btnAlbum:UIBarButtonItem!

var selectedImage = UIImageView(frame:CGRectzero: /.)
override func viewdidload(){
super. ViewDidLoad()
self.scrollview.contentSize = CGSize width: 375. Height: 667.7// Size for your default iphone
//  Your background image

let Image=UIImage(named: /  // Image you chosen and the file name // )

self.view.backgroundColor=self.bgcolor// You used and selected for the project 

}
@IBActionfunc imgPickerCamera(_sender: Any) {

In your view view of the Swift code by scrolling up or down below by using Swift's iOS App development in the selected project and also for making image view

@IBActionfunc btnCancelImage(_sender: UIButton!) {
imgViewPic. image=nil
override fun viewwillappear(_) {
self.navbar.hideBar(true)// For full Screen

override func dismissViewController() {
// ViewControllers for Swift and ios.
// We will display more images by tapping anywhere inside the

It's up to You for creating 'More' in your apps!