Image to Code

struct UserProfileView: View {
    var body: some View {
        VStack(spacing: 16) {
            // Profile image
            AsyncImage(url: profileImageURL) { image in
                image
                    .resizable()
                    .aspectRatio(contentMode: .fill)
            } placeholder: {
                Circle()
                    .fill(Color.gray.opacity(0.3))
            }
            .frame(width: 100, height: 100)
            .clipShape(Circle())
            
            // User name
            Text(user.name)
                .font(.title2)
                .fontWeight(.semibold)
            
            // User bio
            Text(user.bio)
                .font(.body)
                .foregroundColor(.secondary)
                .multilineTextAlignment(.center)
        }
        .padding()
    }
}

struct ContentView: View {
    @StateObject private var viewModel = ContentViewModel()
    @State private var selectedTab = 0
    
    var body: some View {
        TabView(selection: $selectedTab) {
            HomeView()
                .tabItem {
                    Image(systemName: "house")
                    Text("Home")
                }
                .tag(0)
            
            ProfileView()
                .tabItem {
                    Image(systemName: "person")
                    Text("Profile")
                }
                .tag(1)
        }
    }
}

class UserProfileViewController: UIViewController {
    private let scrollView = UIScrollView()
    private let contentView = UIView()
    private let profileImageView = UIImageView()
    private let nameLabel = UILabel()
    private let bioLabel = UILabel()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        setupUI()
        setupConstraints()
    }
    
    private func setupUI() {
        view.backgroundColor = .systemBackground
      
        profileImageView.contentMode = .scaleAspectFill
        profileImageView.clipsToBounds = true
        profileImageView.layer.cornerRadius = 50
      
        nameLabel.font = .systemFont(ofSize: 24, weight: .semibold)
        nameLabel.textAlignment = .center
      
        bioLabel.font = .systemFont(ofSize: 16)
        bioLabel.textColor = .secondaryLabel
        bioLabel.textAlignment = .center
        bioLabel.numberOfLines = 0
    }
}

private func setupConstraints() {
    [scrollView, contentView, profileImageView, nameLabel, bioLabel].forEach {
        $0.translatesAutoresizingMaskIntoConstraints = false
    }
    
    NSLayoutConstraint.activate([
        // Scroll view constraints
        scrollView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor),
        scrollView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
        scrollView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
        scrollView.bottomAnchor.constraint(equalTo: view.bottomAnchor),
        
        // Content view constraints
        contentView.topAnchor.constraint(equalTo: scrollView.topAnchor),
        contentView.leadingAnchor.constraint(equalTo: scrollView.leadingAnchor),
        contentView.trailingAnchor.constraint(equalTo: scrollView.trailingAnchor),
        contentView.bottomAnchor.constraint(equalTo: scrollView.bottomAnchor),
        contentView.widthAnchor.constraint(equalTo: scrollView.widthAnchor),
        
        // Profile image constraints
        profileImageView.topAnchor.constraint(equalTo: contentView.topAnchor, constant: 20),
        profileImageView.centerXAnchor.constraint(equalTo: contentView.centerXAnchor),
        profileImageView.widthAnchor.constraint(equalToConstant: 100),
        profileImageView.heightAnchor.constraint(equalToConstant: 100)
    ])
}

extension Color {
    static let primaryColor = Color(red: 0.2, green: 0.6, blue: 1.0)
    static let secondaryColor = Color(red: 0.8, green: 0.8, blue: 0.8)
    static let backgroundColor = Color(red: 0.95, green: 0.95, blue: 0.95)
}

extension Font {
    static let titleFont = Font.system(size: 24, weight: .bold)
    static let bodyFont = Font.system(size: 16, weight: .regular)
    static let captionFont = Font.system(size: 12, weight: .medium)
}

struct ResponsiveView: View {
    @Environment(\.horizontalSizeClass) var horizontalSizeClass
    
    var body: some View {
        if horizontalSizeClass == .compact {
            // iPhone layout
            VStack {
                // Compact layout
            }
        } else {
            // iPad layout
            HStack {
                // Regular layout
            }
        }
    }
}

Text("Welcome")
    .font(.title)
    .accessibilityLabel("Welcome message")
    .accessibilityHint("Double tap to continue")
    .accessibilityAddTraits(.isHeader)