[i-AUD] Button, Label 등의 컨트롤에 Icon 이미지를 추가할 수 있습니다.

page no.  129105943

1. 기능 설명
   1. 일부 Control에  텍스트 이외에 Icon 이미지를 추가할 수 있습니다. ( * 사용 가능 Control : Button, Label, FileUploadButton,Tab Button)
   2. 기본적으로 제공하는 프리셋 아이콘을 활용할 수 있으며, 필요에 따라 이미지 혹은 SVG 소스를 활용해서 원하는 아이콘을 사용할 수 있습니다.
      
2. 사용 방법
   
   1. Button, Label 등을 선택 후 우측 Property Grid에서 Icon  클릭
      
        

   2. 아이콘 설정 팝업에서 아이콘을 설정합니다.

      구분	설명
      기본 제공	시스템에서 제공하는 기본 아이콘을 선택하여 사용할 수 있습니다. 별도의 파일 업로드 없이 즉시 적용 가능합니다.
      이미지 업로드	SVG 또는 일반 이미지 파일(.png, .jpg 등)을 업로드하여 사용할 수 있습니다.
      SVG 입력	SVG 소스를 직접 입력하여 아이콘을 생성할 수 있습니다.

      1. 기본 - i-AUD Designer에서 제공하는 아이콘을 검색어를 통해 찾을 수 있습니다.
         
         
      2. 이미지 업로드 - 이미지를 업로드 하여 아이콘을 적용할 수 있습니다.
         
         
      3. SVG 입력 - SVG 소스를 직접 입력하여 아이콘 및 그래픽 이미지를 적용할 수 있습니다.
         
         
      4. 하단 프로퍼티 - 선택 혹은 입력(이미지,SVG)한 아이콘의 속성을 지정하거나 수정할 수 있습니다. 또한, "미리보기"를 통해 실시간으로 적용 예시를 확인할 수 있습니다.
         
         
         ※ 단, PNG 혹은 JPEG등의 비트맵 이미지를 업로드 할 경우 색상 변경이 불가능 합니다. (이미지의 고유 색상이 적용됩니다.)
         ※ "미리보기"는 입력된 TEXT대비 아이콘의 사이즈를 배율로 표시됩니다. 따라서 실제 적용된 Control에서 보여지는 사이즈와 다를 수 있습니다.
         
         

      5. 속성 설정 (상세 설명)

         속성명	속성 설명
         Position	텍스트 기준 아이콘의 위치
         Color	아이콘 색상 (좌측 CheckBox : 폰트 색상과 동일한 색상 적용. 폰트 색상이 변경되면 자동으로 변경됩니다.)
         Size	아이콘 크기 (단위: px) (좌측 CheckBox : 폰트 크기와 동일한 크기 적용. 폰트 크기가 변경되면 자동으로 변경됩니다.)
         Side Margin	아이콘 좌우 간격 (단위: px) Input 순서: 좌측, 우측 음수값 설정 불가
         Animation	아이콘에 적용할 수 있는 애니메이션 None, Spin, Beat, Fade, Bounce, Shake, Flip
         Side Margin	아이콘 좌우 간격 형식: 좌측,우측 (px 단위, 콤마 구분) 예: 0,7 → 아이콘 오른쪽에 7px 여백 음수값 설정 불가
         Rotation	아이콘을 지정한 각도만큼 회전 (단위: ˚ )

   3. 아이콘 설정 후 "확인" 버튼을 클릭하면 아이콘이 적용됩니다.
      
3. 화면 예시
   1. Tab
      
      
      
   2. Button, FileUploadButton
      
      
   3. Label