如何将 Android drawables 转换为 IOS？答案

【问题标题】：How to convert Android drawables to IOS?如何将 Android drawables 转换为 IOS？
【发布时间】：2017-02-10 05:35:16
【问题描述】：

我刚开始尝试将我的 Android 应用程序转换为 IOS，并且想知道如何转换我的 Android XML 可绘制对象。目标是能够使用具有 x 和 y 位置的形状创建纹理，这样纹理就不会被拉伸。 IOS中是否有与Android drawables类似的东西？如果不是，我将如何使用从 IOS 中的可绘制对象创建的纹理？例如，我将如何转换下面的文本框的可绘制对象？

    <?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:top="10dp" android:left="0dp" android:bottom="0dp" android:right="0dp">
        <shape
            android:shape="rectangle">
            <size
                android:height="13dp"
                android:width="46dp"
                />
            <solid
                android:color="@color/grey"
                />
        </shape>
    </item>
    <item android:top="0dp" android:left="0dp" android:bottom="10dp" android:right="0dp">
        <shape
            android:shape="rectangle">
            <size
                android:height="13dp"
                android:width="46dp"
                />
            <solid
                android:color="@color/very_light_grey"
                />
        </shape>
    </item>
    <item android:top="0dp" android:left="2dp" android:bottom="0dp" android:right="2dp">
        <shape
            android:shape="rectangle">
            <size
                android:height="13dp"
                android:width="46dp"
                />
            <solid
                android:color="@color/grey"
                />
        </shape>
    </item>
    <item android:top="1dp" android:left="3dp" android:bottom="3dp" android:right="3dp">
        <shape
            android:shape="rectangle">
            <size
                android:height="20dp"
                android:width="40dp"
            />
            <solid
                android:color="@color/white"
           />
        </shape>
    </item>
</layer-list>

【问题讨论】：

你应该看看UIBezierPath - developer.apple.com/reference/uikit/uibezierpath。它在实现上不相似 - 但结果相似

标签： android ios user-interface uiview android-drawable

【解决方案1】：

UIBezierPath 是我能找到的最接近 Android Drawables 的东西。虽然不像 Android Drawables 是 XML 格式，但功能和 Android Drawables 非常相似，可以使用基本的形状为 UI 组件创建纹理。问题中 Android Drawable 的转换如下图所示：

import Foundation
import UIKit
class CustomUIInputText : UITextField{
required init(coder aDecoder: NSCoder) {
    super.init(coder: aDecoder)!
}
override init(frame: CGRect) {
    super.init(frame: frame)
}

override func draw(_ rect: CGRect) {
    let darkGrey = ColorUtilities.hexStringToUIColor(hex: "808080")
    let lightGrey = ColorUtilities.hexStringToUIColor(hex: "efefef")
    let lightGreyRect = UIBezierPath(rect: rect)
    let width = rect.size.width
    let height = rect.size.height
    let yValue = rect.origin.y
    let xValue = rect.origin.x
    lightGrey.setFill()
    lightGreyRect.fill()
    let darkGreyRect = UIBezierPath(rect: CGRect(x: xValue, y:yValue + ((2 * height)/3), width: width, height: height/3))
    darkGrey.setFill()
    darkGreyRect.fill()
    let darkGreyRect2 = UIBezierPath(rect: CGRect(x: xValue+3, y:yValue, width: width - 6, height: height))
    darkGrey.setFill()
    darkGreyRect2.fill()
    let whiteRect = UIBezierPath(rect: CGRect(x: xValue + 4, y:yValue + 1, width: width - 8, height: height - 4))
    UIColor.white.setFill()
    whiteRect.fill()
}
}

【讨论】：