最近看Github,發現了一個剛出爐的黑科技:利用人工智慧(AI)和機器學習(ML)技術將現有Android原始碼轉換成iOS程式碼。目前支援Android專案中的資產目錄檔案和UI佈局轉換,以及部分外部庫的轉換。有了這個神器,以後一個人就可以輕鬆搞定兩個平臺了,真是爽歪歪啊。。。。我根本不需要學習iOS了。。。
已支援的功能:
- Android的資產目錄 (如:
jpg
,png
,.9
圖等) => "Assets.xcassets" - mipmap目錄的圖片資源 => “
.appiconset
” - Color形式的xml => “
.colorset
” - Shape形式的xml =>
asset
皮膚中的PDF - Vector形式的xml檔案 => Swift程式碼 (
CAShapeLayer
) - Animation形式的xml檔案
- UI佈局的xml檔案 => StoryBoard檔案
- Java的POJO類 => Swift
- 外部的庫Glide的轉換
正在開發中的功能:
- 資源(Resource)xml檔案
- Android SDK的類
- 更多的外部的庫,比如:GSON, Retrofit2, ButterKnife等。
- 向量圖動畫(Vector Animation)xml資源
未來支援的功能:
- Android的Kotlin語言
- Android的JetPack
- Android的程式碼編寫的佈局 轉成 SwiftUI
- Lagacy .storyboard 轉成 SwiftUI
- 測試用例的生成
UI的轉換
目前支援CardView,Switch,ImageButton,ToggleButton這些控制元件型別的轉換。
部分效果圖如下:
CardView的螢幕截圖:
開關,ImageButton,ToggleButton的螢幕截圖:
Button的螢幕截圖:
TextView的螢幕截圖:
使用普通鍵盤的EditText的螢幕截圖:
帶電話撥號鍵盤的EditText的螢幕截圖:
佈局的轉換
目前支援RelativeLayout,FrameLayout,LinearLayout (Nested),ConstraintLayout,TableLayout和ScrollView這些佈局型別的轉換。另外只有部分佈局屬性做了轉換,如下表所示:
Control | Attributes |
---|---|
LinearLayout | orientation, gravity, background, textAppearance |
RelativeLayout | layout_centerHorizontal, layout_centerVertical, layout_toLeftOf, layout_toRightOf, layout_above, layout_below, layout_alignParentTop, layout_alignParentBottom, layout_alignParentRight, layout_alignParentLeft |
FrameLayout | layout_marginTop, layout_gravity = right, left, right+bottom, left+bottom, center, center_horizontal, center_vertical, right+center_vertical, bottom+center_horizontal |
ConstraintLayout | Bottom_toBottomOf, Top_toTopOf, Top_toBottomOf, Left_toLeftOf, Start_toEndOf, Right_toRightOf, Baseline_toBaselineOf, Vertical_bias, Horizontal_bias |
TableLayout | TableLayout, TableRow, background, padding |
ScrollView | ScrollView, android.support.v4.widget.NestedScrollView, HorizontalScrollView, android:scrollbars |
LinearLayout的螢幕截圖:
RelativeLayout的螢幕截圖:
FrameLayout的螢幕截圖:
ConstraintLayout的螢幕截圖(這個也做了移植,確實經驚豔到我了):
TableLayout的螢幕截圖:
ScrollView的螢幕截圖:
資產目錄檔案的轉換
這一部分內容比較多,簡單的說就是把Android工程的res
目錄的檔案轉換成iOS工程的Assets.xcassets
目錄的檔案。
-
mipmap目錄的圖片資源:Android工程的mdpi,hdpi,xhdpi和xxhdpi的影像資源被對映到iOS工程的1x,2x和3x影像資源路徑裡面。
-
針對
.9.png
圖片檔案:在catalog中為asset新增了切片(slicing )資訊。 -
Vector圖片形式的xml被轉換成Storyboard上能夠使用的
.pdf
檔案。 -
向量影像xml也被轉換成Swift程式碼,並在
VectorStore.swift
中為每個vector檔案新增一個靜態方法。
除此之外還支援.png
,color形式的xml,Shape形式的xml,Animation形式的xml的轉換。
以下是使用截圖:
Android和iOS裝置的顯示了各種資產的使用情況的螢幕截圖:
Android Studio佈局編輯器:
Xcode Storyboard編輯器:
Android Studio Asset資源圖片:
Xcode Asset 皮膚:
Android Studio .9.PNG 圖片資源編輯器:
Xcode Asset面帶有從.9.png檔案中提取的切片資訊:
Vector向量圖的轉換截圖對比:
Shape xml檔案的對比:
動畫轉換的對比:
Android | iOS |
---|---|
事實上效果是同步的,只是錄屏和操作步驟不一致的原因,看起來有些延遲。
外部庫Glide的轉換
支援的功能:
- 從本地res資料夾載入drawable
- 從URL載入圖片
- 將圖片載入到UIImageView
- 在下載過程中提供佔位符圖片
- 在圖片之間應用過渡:CrossFade,Flip
- 支援圖片Transformation (變換)API:circleCrop(),centerCrop(),fitCenter(),centerInside()
- 清除待處理的請求
- RequestOptions類可在例項之間重用設定
待支援的API:
- priority()
- diskCacheStrategy()
- asBitmap()
- error()
- fallback()
- clearMemory()
使用截圖:
計算器App
這是一個移植的計算器專案。
使用截圖如下,還是挺酷選的呢,效果保持一致,操作也很流暢:
最後附上官網地址,有興趣的可以去看看。
官網地址:www.reflectcode.com/
Github: github.com/ReflectCode…
關於作者:公眾號“Flutter那些事”,獨家放送最新Flutter、Dart和Fuchsia等技術動態,以及眾多原創,有技術深度的技術乾貨文章,還有Flutter實戰乾貨文章,等你來看,喜歡Flutter和跨平臺開發以及原生移動端開發的朋友們,趕緊來看看,歡迎大家關注。