主頁 > 軟體工程 > 如何在UIImageView中查找當前顏色并反復更改?

如何在UIImageView中查找當前顏色并反復更改?

2022-02-24 21:24:09 軟體工程

我有這個UIImageView,我只改變影像的白色。當白色改變時,它不會再次改變,因為白色不再是白色。每次按下按鈕時,我都想訪問新顏色并將其更改為不同的顏色。我正在使用我在 github 上找到的這個函式。

var currentColor = UIColor.init(red: 1, green: 1, blue: 1, alpha: 1)

@IBAction func changeColors(_ sender: Any) {

        
let randomRGB =  CGFloat.random(in: 0.0...1.0)
let randomRGB2 = CGFloat.random(in: 0.0...1.0)
let randomRGB3 = CGFloat.random(in: 0.0...1.0)


//randomly change color
var newColor = UIColor.init(red: randomRGB3, green: randomRGB2, blue: randomRGB, alpha: 1)

let changeColor = replaceColor(color: currentColor, withColor: newColor, image: mainImage.image!, tolerance: 0.5)

mainImage.image = changeColor

//change current color to new color
currentColor = newColor

}

extension ViewController {

func replaceColor(color: UIColor, withColor: UIColor, image: UIImage, tolerance: CGFloat) -> UIImage {

// This function expects to get source color(color which is supposed to be replaced)
// and target color in RGBA color space, hence we expect to get 4 color components: r, g, b, a

assert(color.cgColor.numberOfComponents == 4 && withColor.cgColor.numberOfComponents == 4,
       "Must be RGBA colorspace")

// Allocate bitmap in memory with the same width and size as source image
let imageRef = image.cgImage!
let width = imageRef.width
let height = imageRef.height

let bytesPerPixel = 4
let bytesPerRow = bytesPerPixel * width;
let bitsPerComponent = 8
let bitmapByteCount = bytesPerRow * height

let rawData = UnsafeMutablePointer<UInt8>.allocate(capacity: bitmapByteCount)

let context = CGContext(data: rawData, width: width, height: height, bitsPerComponent: bitsPerComponent, bytesPerRow: bytesPerRow, space: CGColorSpace(name: CGColorSpace.genericRGBLinear)!,
                        bitmapInfo: CGImageAlphaInfo.premultipliedLast.rawValue | CGBitmapInfo.byteOrder32Big.rawValue)


let rc = CGRect(x: 0, y: 0, width: width, height: height)

// Draw source image on created context
context!.draw(imageRef, in: rc)


// Get color components from replacement color
let withColorComponents = withColor.cgColor.components
let r2 = UInt8(withColorComponents![0] * 255)
let g2 = UInt8(withColorComponents![1] * 255)
let b2 = UInt8(withColorComponents![2] * 255)
let a2 = UInt8(withColorComponents![3] * 255)

// Prepare to iterate over image pixels
var byteIndex = 0

while byteIndex < bitmapByteCount {

    // Get color of current pixel
    let red = CGFloat(rawData[byteIndex   0]) / 255
    let green = CGFloat(rawData[byteIndex   1]) / 255
    let blue = CGFloat(rawData[byteIndex   2]) / 255
    let alpha = CGFloat(rawData[byteIndex   3]) / 255

    let currentColor = UIColor(red: red, green: green, blue: blue, alpha: alpha)

    // Compare two colors using given tolerance value
    if compareColor(color: color, withColor: currentColor , withTolerance: tolerance) {

        // If the're 'similar', then replace pixel color with given target color
        rawData[byteIndex   0] = r2
        rawData[byteIndex   1] = g2
        rawData[byteIndex   2] = b2
        rawData[byteIndex   3] = a2
    }

    byteIndex = byteIndex   4;
}
    
// Retrieve image from memory context
let imgref = context!.makeImage()
let result = UIImage(cgImage: imgref!)

// Clean up a bit
rawData.deallocate()

return result
}

func compareColor(color: UIColor, withColor: UIColor, withTolerance: CGFloat) -> Bool 
{

var r1: CGFloat = 0.0, g1: CGFloat = 0.0, b1: CGFloat = 0.0, a1: CGFloat = 0.0;
var r2: CGFloat = 0.0, g2: CGFloat = 0.0, b2: CGFloat = 0.0, a2: CGFloat = 0.0;

color.getRed(&r1, green: &g1, blue: &b1, alpha: &a1);
withColor.getRed(&r2, green: &g2, blue: &b2, alpha: &a2);

return abs(r1 - r2) <= withTolerance &&
    abs(g1 - g2) <= withTolerance &&
    abs(b1 - b2) <= withTolerance &&
    abs(a1 - a2) <= withTolerance;
   }

}

uj5u.com熱心網友回復:

以下是我所做的一些觀察,可能會影響您看到的結果:

  1. 正如我們在評論中討論的那樣,如果您想從之前更改的顏色開始,您需要在影像更新后保持顏色超出您的功能范圍(您這樣做了)

  2. 關于以一種顏色結束的下一個問題可能與容錯有很大關系

  • 當您嘗試以給定顏色的 0.5 (50%) 容錯度更改影像中的顏色時,您將在第一遍中更改影像中的大量顏色
  • 如果顏色系統中有 100 種顏色,您將在影像中查找其中的 50 種顏色并將它們更改為 1 種特定顏色
  • 在第一遍中,您從白色開始。假設 75% 的影像具有與白色相似的顏色,具有 50% 的容錯能力 - 75% 的影像將變為該顏色
  • 具有如此高的容錯性,很快就會出現一種顏色,該顏色將接近影像中具有 50% 容錯能力的大多數顏色,最終您將獲得具有 1 個影像的顏色

改善結果的一些想法

  1. 設定較低的容錯 - 你會看到更小的變化,同樣的結果可能會出現在 1 種顏色上,但它會在更長的時間內發生
  2. 如果您真的想隨機化并且沒有得到這 1 種顏色的結果,我建議您更改使用currentColor方式并對原始影像進行更改,而不是更新后的影像(我在下面有這個示例)
  3. 這不會影響解決方案,但更好地處理選項更安全,因為我看到了很多!所以我建議改變它
  4. 在后臺執行緒中執行影像處理(也在下面的示例中)

這是一個帶有示例的更新

class ImageColorVC: UIViewController
{
    // UI Related
    private var loaderController: UIAlertController!
    let mainImage = UIImageView(image: UIImage(named: "art"))
    
    // Save the current color and the original image
    var currentColor = UIColor.init(red: 1, green: 1, blue: 1, alpha: 1)
    var originalImage: UIImage!
    
    override func viewDidLoad()
    {
        super.viewDidLoad()
        
        // UI configuration, you can ignore
        view.backgroundColor = .white
        title = "Image Color"
        configureBarButton()
        configureImageView()
        
        // Store the original image
        originalImage = mainImage.image!
    }
    
    // MARK: AUTO LAYOUT
    private func configureBarButton()
    {
        let barButton = UIBarButtonItem(barButtonSystemItem: .refresh,
                                        target: self,
                                        action: #selector(changeColors))
        navigationItem.rightBarButtonItem = barButton
    }
    
    private func configureImageView()
    {
        mainImage.translatesAutoresizingMaskIntoConstraints = false
        mainImage.contentMode = .scaleAspectFit
        mainImage.clipsToBounds = true
        view.addSubview(mainImage)
        
        view.addConstraints([
            
            mainImage.leadingAnchor
                .constraint(equalTo: view.leadingAnchor),
            mainImage.topAnchor
                .constraint(equalTo: view.safeAreaLayoutGuide.topAnchor),
            mainImage.trailingAnchor
                .constraint(equalTo: view.trailingAnchor),
            mainImage.bottomAnchor
                .constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor),
            
        ])
    }
    
    // Configures a loader to show while image is processing
    private func configureLoaderController()
    {
        loaderController = UIAlertController(title: nil,
                                             message: "Processing",
                                             preferredStyle: .alert)
        
        let loadingIndicator = UIActivityIndicatorView(frame: CGRect(x: 10,
                                                                     y: 5,
                                                                     width: 50,
                                                                     height: 50))
        loadingIndicator.hidesWhenStopped = true
        loadingIndicator.style = UIActivityIndicatorView.Style.medium
        loadingIndicator.startAnimating();
        loaderController.view.addSubview(loadingIndicator)
    }
    
    //MARK: FACTORY
    
    // Similar to your function, only difference is that it uses
    // the original image
    private func performChangeColors()
    {
        let randomRGB =  CGFloat.random(in: 0.0...1.0)
        let randomRGB2 = CGFloat.random(in: 0.0...1.0)
        let randomRGB3 = CGFloat.random(in: 0.0...1.0)
        
        //randomly change color
        let newColor = UIColor.init(red: randomRGB3,
                                    green: randomRGB2,
                                    blue: randomRGB,
                                    alpha: 1)
        
        // Do work in the back ground
        DispatchQueue.global(qos: .background).async
        {
            let imageWithNewColor = self.replaceColor(color: self.currentColor,
                                                      withColor: newColor,
                                                      image: self.originalImage!,
                                                      tolerance: 0.5)
            
            // Update the UI on the main thread
            DispatchQueue.main.async
            {
                self.updateImageView(with: imageWithNewColor)
                
                //change current color to new color
                self.currentColor = newColor
            }
        }
    }
    
    @objc
    private func changeColors()
    {
        // Configure a loader to show while image is processing
        configureLoaderController()
        
        present(loaderController, animated: true) { [weak self] in
            self?.performChangeColors()
        }
    }
    
    // Update the UI
    private func updateImageView(with image: UIImage)
    {
        dismiss(animated: true) { [weak self] in
            self?.mainImage.image = image
        }
    }
}

從這個開始之后:

如何在 UIImageView 中查找當前顏色并反復更改?

大約 50 次嘗試后,它似乎仍然運行良好:

如何在 UIImageView 中查找當前顏色并反復更改?

您可以在此處觀看更長的視頻,以查看發生的更多顏色變化而不會導致單一顏色

希望這足以為您的解決方案創建所需的解決方法

轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/431508.html

標籤:迅速 代码 uiimageview uicolor

上一篇:我如何獲得任何應用程式(不是我開發的)的identifierForVendor?

下一篇:如何在沒有匯入的情況下在Python中計算四分位數

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C#(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • Git本地庫既關聯GitHub又關聯Gitee

    創建代碼倉庫 使用gitee舉例(github和gitee差不多) 1.在gitee右上角點擊+,選擇新建倉庫 ? 2.選擇填寫倉庫資訊,然后進行創建 ? 3.服務端已經準備好了,本地開始作準備 (1)Git 全域設定 git config --global user.name "成鈺" git c ......

    uj5u.com 2020-09-10 05:04:14 more
  • CODING DevOps 代碼質量實戰系列第二課,相約周三

    隨著 ToB(企業服務)的興起和 ToC(消費互聯網)產品進入成熟期,線上故障帶來的損失越來越大,代碼質量越來越重要,而「質量內建」正是 DevOps 核心理念之一。**《DevOps 代碼質量實戰(PHP 版)》**為 CODING DevOps 代碼質量實戰系列的第二課,同時也是本系列的 PHP ......

    uj5u.com 2020-09-10 05:07:43 more
  • 推薦Scrum書籍

    推薦Scrum書籍 直接上干貨,推薦書籍清單如下(推薦有順序的哦) Scrum指南 Scrum精髓 Scrum敏捷軟體開發 Scrum捷徑 硝煙中的Scrum和XP : 我們如何實施Scrum 敏捷軟體開發:Scrum實戰指南 Scrum要素 大規模Scrum:大規模敏捷組織的設計 用戶故事地圖 用 ......

    uj5u.com 2020-09-10 05:07:45 more
  • CODING DevOps 代碼質量實戰系列最后一課,周四發車

    隨著 ToB(企業服務)的興起和 ToC(消費互聯網)產品進入成熟期,線上故障帶來的損失越來越大,代碼質量越來越重要,而「質量內建」正是 DevOps 核心理念之一。 **《DevOps 代碼質量實戰(Java 版)》**為 CODING DevOps 代碼質量實戰系列的最后一課,同時也是本系列的 ......

    uj5u.com 2020-09-10 05:07:52 more
  • 敏捷軟體工程實踐書籍

    Scrum轉型想要做好,第一步先了解并真正落實Scrum,那么我推薦的Scrum書籍是要看懂并實踐的。第二步是團隊的工程實踐要做扎實。 下面推薦工程實踐書單: 重構:改善既有代碼的設計 決議極限編程 : 擁抱變化 代碼整潔代碼 程式員的職業素養 修改代碼的藝術 撰寫可讀代碼的藝術 測驗驅動開發 : ......

    uj5u.com 2020-09-10 05:07:55 more
  • Jenkins+svn+nginx實作windows環境自動部署vue前端專案

    前面文章介紹了Jenkins+svn+tomcat實作自動化部署,現在終于有空抽時間出來寫下Jenkins+svn+nginx實作自動部署vue前端專案。 jenkins的安裝和配置已經在前面文章進行介紹,下面介紹實作vue前端專案需要進行的哪些額外的步驟。 注意:在安裝jenkins和nginx的 ......

    uj5u.com 2020-09-10 05:08:49 more
  • CODING DevOps 微服務專案實戰系列第一課,明天等你

    CODING DevOps 微服務專案實戰系列第一課**《DevOps 微服務專案實戰:DevOps 初體驗》**將由 CODING DevOps 開發工程師 王寬老師 向大家介紹 DevOps 的基本理念,并探討為什么現代開發活動需要 DevOps,同時將以 eShopOnContainers 項 ......

    uj5u.com 2020-09-10 05:09:14 more
  • CODING DevOps 微服務專案實戰系列第二課來啦!

    近年來,工程專案的結構越來越復雜,需要接入合適的持續集成流水線形式,才能滿足更多變的需求,那么如何優雅地使用 CI 能力提升生產效率呢?CODING DevOps 微服務專案實戰系列第二課 《DevOps 微服務專案實戰:CI 進階用法》 將由 CODING DevOps 全堆疊工程師 何晨哲老師 向 ......

    uj5u.com 2020-09-10 05:09:33 more
  • CODING DevOps 微服務專案實戰系列最后一課,周四開講!

    隨著軟體工程越來越復雜化,如何在 Kubernetes 集群進行灰度發布成為了生產部署的”必修課“,而如何實作安全可控、自動化的灰度發布也成為了持續部署重點關注的問題。CODING DevOps 微服務專案實戰系列最后一課:**《DevOps 微服務專案實戰:基于 Nginx-ingress 的自動 ......

    uj5u.com 2020-09-10 05:10:00 more
  • CODING 儀表盤功能正式推出,實作作業資料可視化!

    CODING 儀表盤功能現已正式推出!該功能旨在用一張張統計卡片的形式,統計并展示使用 CODING 中所產生的資料。這意味著無需額外的設定,就可以收集歸納寶貴的作業資料并予之量化分析。這些海量的資料皆會以圖表或串列的方式躍然紙上,方便團隊成員隨時查看各專案的進度、狀態和指標,云端協作迎來真正意義上 ......

    uj5u.com 2020-09-10 05:11:01 more
最新发布
  • windows系統git使用ssh方式和gitee/github進行同步

    使用git來clone專案有兩種方式:HTTPS和SSH:
    HTTPS:不管是誰,拿到url隨便clone,但是在push的時候需要驗證用戶名和密碼;
    SSH:clone的專案你必須是擁有者或者管理員,而且需要在clone前添加SSH Key。SSH 在push的時候,是不需要輸入用戶名的,如果配置... ......

    uj5u.com 2023-04-19 08:41:12 more
  • windows系統git使用ssh方式和gitee/github進行同步

    使用git來clone專案有兩種方式:HTTPS和SSH:
    HTTPS:不管是誰,拿到url隨便clone,但是在push的時候需要驗證用戶名和密碼;
    SSH:clone的專案你必須是擁有者或者管理員,而且需要在clone前添加SSH Key。SSH 在push的時候,是不需要輸入用戶名的,如果配置... ......

    uj5u.com 2023-04-19 08:35:34 more
  • 2023年農牧行業6大CRM系統、5大場景盤點

    在物聯網、大資料、云計算、人工智能、自動化技術等現代資訊技術蓬勃發展與逐步成熟的背景下,數字化正成為農牧行業供給側結構性變革與高質量發展的核心驅動因素。因此,改造和提升傳統農牧業、開拓創新現代智慧農牧業,加快推進農牧業的現代化、資訊化、數字化建設已成為農牧業發展的重要方向。 當下,企業數字化轉型已經 ......

    uj5u.com 2023-04-18 08:05:44 more
  • 2023年農牧行業6大CRM系統、5大場景盤點

    在物聯網、大資料、云計算、人工智能、自動化技術等現代資訊技術蓬勃發展與逐步成熟的背景下,數字化正成為農牧行業供給側結構性變革與高質量發展的核心驅動因素。因此,改造和提升傳統農牧業、開拓創新現代智慧農牧業,加快推進農牧業的現代化、資訊化、數字化建設已成為農牧業發展的重要方向。 當下,企業數字化轉型已經 ......

    uj5u.com 2023-04-18 08:00:18 more
  • 計算機組成原理—存盤器

    計算機組成原理—硬體結構 二、存盤器 1.概述 存盤器是計算機系統中的記憶設備,用來存放程式和資料 1.1存盤器的層次結構 快取-主存層次主要解決CPU和主存速度不匹配的問題,速度接近快取 主存-輔存層次主要解決存盤系統的容量問題,容量接近與價位接近于主存 2.主存盤器 2.1概述 主存與CPU的聯 ......

    uj5u.com 2023-04-17 08:20:31 more
  • 談一談我對協同開發的一些認識

    如今各互聯網公司普通都使用敏捷開發,采用小步快跑的形式來進行專案開發。如果是小專案或者小需求,那一個開發可能就搞定了。但對于電商等復雜的系統,其功能多,結構復雜,一個人肯定是搞不定的,所以都是很多人來共同開發維護。以我曾經待過的商城團隊為例,光是后端開發就有七十多人。 為了更好地開發這類大型系統,往 ......

    uj5u.com 2023-04-17 08:18:55 more
  • 專案管理PRINCE2核心知識點整理

    PRINCE2,即 PRoject IN Controlled Environment(受控環境中的專案)是一種結構化的專案管理方法論,由英國政府內閣商務部(OGC)推出,是英國專案管理標準。
    PRINCE2 作為一種開放的方法論,是一套結構化的專案管理流程,描述了如何以一種邏輯性的、有組織的方法,... ......

    uj5u.com 2023-04-17 08:18:51 more
  • 談一談我對協同開發的一些認識

    如今各互聯網公司普通都使用敏捷開發,采用小步快跑的形式來進行專案開發。如果是小專案或者小需求,那一個開發可能就搞定了。但對于電商等復雜的系統,其功能多,結構復雜,一個人肯定是搞不定的,所以都是很多人來共同開發維護。以我曾經待過的商城團隊為例,光是后端開發就有七十多人。 為了更好地開發這類大型系統,往 ......

    uj5u.com 2023-04-17 08:18:00 more
  • 專案管理PRINCE2核心知識點整理

    PRINCE2,即 PRoject IN Controlled Environment(受控環境中的專案)是一種結構化的專案管理方法論,由英國政府內閣商務部(OGC)推出,是英國專案管理標準。
    PRINCE2 作為一種開放的方法論,是一套結構化的專案管理流程,描述了如何以一種邏輯性的、有組織的方法,... ......

    uj5u.com 2023-04-17 08:17:55 more
  • 計算機組成原理—存盤器

    計算機組成原理—硬體結構 二、存盤器 1.概述 存盤器是計算機系統中的記憶設備,用來存放程式和資料 1.1存盤器的層次結構 快取-主存層次主要解決CPU和主存速度不匹配的問題,速度接近快取 主存-輔存層次主要解決存盤系統的容量問題,容量接近與價位接近于主存 2.主存盤器 2.1概述 主存與CPU的聯 ......

    uj5u.com 2023-04-17 08:12:06 more