当前位置：首页 > 技术文章 > 正文内容

ChatGPT是怎么帮我写ios代码的

u3blog3个月前 (02-02)技术文章145

背景

博主只会安卓开发，最近使用chatGPT3.5把一个安卓项目转换成了ios项目并成功运行实现功能

应用的主要功能

这个安卓应用主要是拿来看比赛回放的，有时候太迟的足球比赛不想熬夜，但是又不想被剧透看全场回放，就写了个这个应用，这次讨论的重点并不是应用本身，如果大家有兴趣可以评论区留言，我把应用发出来

应用的主要页面有下面几个，1.登录爱奇艺账号页面，2.球队列表页面，3.播放页面

其中播放页面最复杂，要实现以下几个功能

根据选择的球队，加载搜索比赛结果页面，并把回放和广告列表隐藏，把比赛列表文字放大
点击了比赛列表，跳转到播放页面
等待播放页面加载完成，自动点击全屏元素按钮
在全屏开始播放之后，加载左右两个快放按钮，长按调用网页上的快速播放元素，松开恢复正常速播放
开始转换
文件结构差异
Android的页面主要由两个部分组成
XML布局文件，决定了页面上有哪些元素，以及如何摆放，实现布局部分
Activity文件，决定了页面上元素的各种行为，实现逻辑部分

但是在ios上，并不是这样，chatgpt告诉我，转换出来的东西是一个继承自UIViewController的类，里面同时包含了上面的两个部分内容

要转换哪些功能

应用主要功能就是操作webview加载页面，然后通过调用js的方法来操作页面上的元素，所以webview的加载和js的加载就是这次转换的重点

问题有两个

怎么用webview加载内容
怎么操作webview中的内容
我和gpt的对话
由于gpt没法自动合并xml和activity的代码，所以我只有让它先转xml，得到布局的controller内容
列表页面

比如这个布局


    <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".PlayerActivity">
        <FrameLayout
            android:visibility="gone"
            android:id="@+id/mFlVideoContainer"
            android:layout_width="match_parent"
            android:layout_height="match_parent">
        <FrameLayout
            android:id="@+id/mFlVideoContainer1"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>
            <LinearLayout
                android:orientation="horizontal"
                android:id="@+id/ll_container"
                android:layout_marginBottom="50dp"
                android:layout_width="match_parent"
                android:layout_height="match_parent">
                <Button
                    android:layout_weight="1"
                    android:layout_width="0dp"
                    android:background="#00000000"
                    android:id="@+id/back_bt"
                    android:layout_height="match_parent"/>
                <Button
                    android:layout_weight="3"
                    android:layout_width="0dp"
                    android:visibility="invisible"
                    android:enabled="false"
                    android:background="#00000000"
                    android:id="@+id/pause_bt"
                    android:layout_height="match_parent"/>
                <Button
                    android:layout_weight="1"
                    android:layout_width="0dp"
                    android:background="#00000000"
                    android:id="@+id/go_bt"
                    android:layout_height="match_parent"/>
            </LinearLayout>
        </FrameLayout>
        <WebView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@+id/webview"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />
    </androidx.constraintlayout.widget.ConstraintLayout>

让它给我转成ios版本，转出来是下面这样的

import UIKit
import WebKit

class PlayerViewController: UIViewController {

    // UIView elements
    let videoContainer: UIView = {
        let view = UIView()
        view.isHidden = true
        return view
    }()

    let videoContainer1: UIView = {
        let view = UIView()
        return view
    }()

    let backButton: UIButton = {
        let button = UIButton()
        button.backgroundColor = UIColor.clear
        return button
    }()

    let pauseButton: UIButton = {
        let button = UIButton()
        button.isHidden = true
        button.isEnabled = false
        button.backgroundColor = UIColor.clear
        return button
    }()

    let goButton: UIButton = {
        let button = UIButton()
        button.backgroundColor = UIColor.clear
        return button
    }()

    let webView: WKWebView = {
        let webView = WKWebView()
        return webView
    }()

    override func viewDidLoad() {
        super.viewDidLoad()

        // Set up constraints for each element
        videoContainer.translatesAutoresizingMaskIntoConstraints = false
        videoContainer1.translatesAutoresizingMaskIntoConstraints = false
        backButton.translatesAutoresizingMaskIntoConstraints = false
        pauseButton.translatesAutoresizingMaskIntoConstraints = false
        goButton.translatesAutoresizingMaskIntoConstraints = false
        webView.translatesAutoresizingMaskIntoConstraints = false

        view.addSubview(videoContainer)
        view.addSubview(webView)

        NSLayoutConstraint.activate([
            videoContainer.topAnchor.constraint(equalTo: view.topAnchor),
            videoContainer.leadingAnchor.constraint(equalTo: view.leadingAnchor),
            videoContainer.trailingAnchor.constraint(equalTo: view.trailingAnchor),
            videoContainer.bottomAnchor.constraint(equalTo: view.bottomAnchor),

            videoContainer1.topAnchor.constraint(equalTo: videoContainer.topAnchor),
            videoContainer1.leadingAnchor.constraint(equalTo: videoContainer.leadingAnchor),
            videoContainer1.trailingAnchor.constraint(equalTo: videoContainer.trailingAnchor),
            videoContainer1.bottomAnchor.constraint(equalTo: videoContainer.bottomAnchor),

            backButton.topAnchor.constraint(equalTo: videoContainer.bottomAnchor),
            backButton.leadingAnchor.constraint(equalTo: view.leadingAnchor),
            backButton.bottomAnchor.constraint(equalTo: view.bottomAnchor),
            backButton.widthAnchor.constraint(equalTo: view.widthAnchor, multiplier: 0.25),

            pauseButton.topAnchor.constraint(equalTo: videoContainer.bottomAnchor),
            pauseButton.leadingAnchor.constraint(equalTo: backButton.trailingAnchor),
            pauseButton.bottomAnchor.constraint(equalTo: view.bottomAnchor),
            pauseButton.widthAnchor.constraint(equalTo: view.widthAnchor, multiplier: 0.5),

            goButton.topAnchor.constraint(equalTo: videoContainer.bottomAnchor),
            goButton.leadingAnchor.constraint(equalTo: pauseButton.trailingAnchor),
            goButton.bottomAnchor.constraint(equalTo: view.bottomAnchor),
            goButton.widthAnchor.constraint(equalTo: view.widthAnchor, multiplier: 0.25),

            webView.topAnchor.constraint(equalTo: view.topAnchor),
            webView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
            webView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
            webView.bottomAnchor.constraint(equalTo: view.bottomAnchor)
        ])
    }
}

遇到的坑

gpt生成的代码并不是直接可以用的

gpt生成出来的代码看似正确，但是有时候运行就会发现缺少内容，比如有的变量没有定义就使用了，你得追问它，才会告诉你

虽然告诉你了，但是大概率会重新生成一份代码，这又是一个坑，这个重新生成的代码又有概率和第一次完全不同

这坑需要有一定的编程能力，自己阅读下gpt给的代码，才可以实现想要的功能，不然就会被它坑

对于稍微复杂一点的布局，gpt给出的方案并不总能成功实现

由于给出的ios界面是用代码实现的，给出的安卓布局是xml的，有些时候ios并没有安卓的布局控件，gpt给出的方案运行起来就会出现错位等情况，这时候也需要人工调试

对于项目配置方面，gpt并不能给出精准的解答

这点主要体现在其中一个功能上，从ios应用中拉起爱奇异体育并播放，chatgpt给出的方案不管怎么设置都无法实现，因为它理解成了我需要从其他应用跳转到自己的ios应用

其实这个问题在网上一搜就能处理，这也是一个坑，不能全部相信gpt的话

ios和安卓webview的差异导致的功能实现不同

由于爱奇艺的限制，使用ios的wkwebview无法进行播放，在安卓却可以播放，所以需要调整功能，不能直接在应用内播放，需要走scheme的方式跳转爱奇艺app做播放

对于wkwebview无法播放的问题，我问了gpt很久，每次它也非常配合，给出各种各样的方案，花了很多时间，但是都无效

这个问题也需要自己想一想，用自带的浏览器打开一下页面，把agent换成pc端，发现也无法播放，所以确认是wkwebview的问题，而不是实现方案的问题

总结

在使用gpt的时候，也不能无脑相信它，有时候它明明不会或者不懂，也会给出答案，这种答案看起来没问题，其实是错误的，会把方向带偏，需要特别留意
使用gpt可以让我这样一个完全不懂ios的开发人员在短时间内完成简单的开发工作，放在以前我至少需要学习基础的ios开发知识,学习完了之后，我还需要在开发遇到问题的时候一个点一个点的搜，大概率是没有相同问题的，需要自己从各种各样的结果中提炼
现在gpt帮我完成了这个步骤，让这次开发变得轻松了很多
gpt对开发人员的帮助确实是非常大，粗略估计，这次的小应用开发，为了节省了60%以上的时间，相信随着技术的发展，这个工具会越来越便利，这次使用的是免费的gpt3.5都如此强大，收费的4.0真是不敢想象

扫描二维码推送至手机访问。

本文链接：https://u3blog.xyz/?id=705

分享给朋友：

返回列表

上一篇：Android项目cicd流程总结（使用jenkins）

没有最新的文章了...

“ChatGPT是怎么帮我写ios代码的” 的相关文章

开源数据库Postgresql安装/卸载总结

What Postgresql一个开源数据库，类似mysql,由于mysql被收购了，这个数据库正被越来越多的使用怎么安装？安装非常简单，但是安装过后的初始化还是有点麻烦，具体可以看这篇文章为什么要卸载？安装好之后，如果你很倒霉的话，会遇到postgresql服务怎么都启动不了，输入psql指令显...

AndroidStudio插件开发——RemoveButterKnife从构思到实现

ReomveButterKnife插件这是一个用于移除代码中对ButterKnife使用的AS插件，接下来我们将从头开始讲讲AS插件开发和这个插件的开发过程地址是<a href="https://github.com/u3shadow/RemoveButterKnife"...

项目的改造——RemoveButterKnife插件代码的重构

前言这篇文章记述了我的插件RemoveButterKnife的代码改进过程以及思路，关于插件，各位可以看RemoveButterKnife代码库，关于文章，可以看构思到实现RemoveButterKnife 原因近期想给原来的插件RemoveButterKnife加入一些新的功能，发现以前的代码没...

项目的升级-给RemoveButterKnife插件增加新功能

前言经过项目的初步编写和进一步改造，RemoveButterKnife插件终于也有模有样了，但是，功能上仅仅支持Activity/Fragment的BindView注解。关于编写和优化的过程可以看下面两篇文章项目构造RemoveButterKnife 项目改进-重构RemoveButterKn...

Android测试体系-在MVVM架构中如何测试Model层与ViewModel层

背景此文章是对于google code lab中《Introduction to Test Double and Dependence injection》与《Testing Basics》的总结，本篇主要讲述如何在mvvm架构的android项目中对Model层以及ViewModel层进行测试...

使用Databinding为Recyclerview使用同一个ViewHolder加载不同Item

提示：在阅读本篇文章前，你最好对android databinding有一定了解，本文使用的代码均为kotlin，但是不用担心，都很简单最近在写项目的时候使用了databinding技术，突发奇想，databinding是不是也能应用于recyclerview中，让加载多个不同的item更简单呢...

ChatGPT是怎么帮我写ios代码的

背景

应用的主要功能

开始转换