GUI Components

    func createSpriteGUI() {
        let mapView = mapController?.getView("mapview") as! KakaoMap
        let guiManager = mapView.getGuiManager()
        //SpriteGui를 생성. SpriteGui는 화면좌표상의 특정지점에 고정되는 GUI이다. 
        let spriteGui = SpriteGui("testSprite") 
        
         //화면의 우하단으로 배치
        spriteGui.origin = GuiAlignment(vAlign: .middle, hAlign: .center)
        
        //GuiTextComponent 생성. 텍스트 내용과 텍스트 스타일을 지정한다.
        let text = GuiText("testText")
        text.addText(text: "GuiTextComponent", style: TextStyle(fontSize: 20, fontColor: UIColor.white, strokeThickness: 2, strokeColor: UIColor.black))
        
        //sprtieGui의 childComponent로 GuiText 컴포넌트를 추가한다.
        spriteGui.addChild(text)
        
        let _ = guiManager.addGui(spriteGui)
        spriteGui.delegate = self
        spriteGui.show()
    }

    func createSpriteGUI() {
        let mapView = mapController?.getView("mapview") as! KakaoMap
        let guiManager = mapView.getGuiManager()
        let spriteGui = SpriteGui("testSprite") //SpriteGui를 만듬.
        
        spriteGui.origin = GuiAlignment(vAlign: .middle, hAlign: .center)
        spriteGui.showSplitLine = true // layout내의 컴포넌트 구분선을 추가한다.
        spriteGui.arrangement = .horizontal // layout내의 컴포넌트 배치 방향을 수평으로 설정. 컴포넌트가 수평 방향으로 차례대로 쌓인다.
        spriteGui.bgColor = UIColor.white // layout의 배경 컬러값을 white로 설정.
        
        // 첫번째 이미지 컴포넌트
        let image1 = GuiImage("image1")
        image1.image = UIImage(named: "noti.png")
        
        // 두번째 이미지 컴포넌트
        let image2 = GuiImage("image2")
        image2.image = UIImage(named: "noti2.png")
        
        // 세번째 이미지 컴포넌트
        let image3 = GuiImage("image3")
        image3.image = UIImage(named: "noti3.png")
        
        spriteGui.addChild(image1)
        spriteGui.addChild(image2)
        spriteGui.addChild(image3)
        
        let _ = guiManager.addGui(spriteGui)
        spriteGui.delegate = self
        spriteGui.show()
    }

    func createSpriteGUI() {
        let mapView = mapController?.getView("mapview") as! KakaoMap
        let guiManager = mapView.getGuiManager()
        let spriteGui = SpriteGui("testSprite") //SpriteGui를 만듬.
        spriteGui.origin = GuiAlignment(vAlign: .middle, hAlign: .center)

        // 9-patch 형태로 사용할 GuiImage Component 생성
        let bgImage = GuiImage("bgImage")
        bgImage.image = UIImage(named: "white_black_round10.png")
        bgImage.imageStretch = GuiEdgeInsets(top: 9, left: 9, bottom: 9, right: 9)
        
        // GuiImage의 child로 설정할 GuiText Component 생성
        let text = GuiText("text")
        text.addText(text: "안녕하세요~", style: TextStyle(fontSize: 20, fontColor: UIColor.white, strokeThickness: 2, strokeColor: UIColor.blue))
        
        // GuiText를 GuiImage의 child component로 설정한다.
        bgImage.child = text
        
        // SpriteGui에 GuiImage 컴포넌트 추가.
        spriteGui.addChild(bgImage)
        
        let _ = guiManager.addGui(spriteGui)
        spriteGui.delegate = self
        spriteGui.show()
    }

    func createSpriteGUI() {
        let mapView = mapController?.getView("mapview") as! KakaoMap
        let guiManager = mapView.getGuiManager()
        let spriteGui = SpriteGui("testSprite") //SpriteGui를 만듬. 
        
        spriteGui.arrangement = .horizontal
        spriteGui.bgColor = UIColor.clear
        spriteGui.splitLineColor = UIColor.white
        spriteGui.origin = GuiAlignment(vAlign: .bottom, hAlign: .right) //화면의 우하단으로 배치
        
         // 버튼 두개 생성
        let button1 = GuiButton("button1")
        button1.image = UIImage(named: "track_location_btn.png")
        
        let button2 = GuiButton("button2")
        button2.image = UIImage(named: "tile.png")
        
        spriteGui.addChild(button1)
        spriteGui.addChild(button2)
        
        let _ = guiManager.addGui(spriteGui)
         // gui event의 delegate를 지정한다.
        spriteGui.delegate = self
        spriteGui.show()
    }
    
    // GuiButton이 클릭되면 아래 delegate를 호출한다.
    func guiDidTapped(_ gui: KakaoMapsSDK.GuiBase, componentName: String) {
       // 클릭된 gui 객체와 클릭된 컴포넌트의 name을 이벤트로 전달한다.
        print("Gui: \(gui.name), Component: \(componentName) tapped")
        if componentName == "button1" {
            //do something
        }
        
        if componentName == "button2" {
            //do something
        }
    }