page no. 

Start Release No : 7.0.600_20260320-02
 / Update Release No : 품질에서 작성

작성자 :  조재현
  / 검수자 :  검수자가 작성


  1. 기능 설명
    1. 일부 Control에  텍스트 이외에 아이콘을 사용할 수 있습니다. ( * 사용 가능 Control : Button, Label, FileUploadButton,Tab Button)
    2. 기본적으로 제공되는 아이콘을 활용할 수 있으며 필요 시에는 이미지 혹은  SVG 소스를 활용해서 원하는 아이콘을 사용할 수 있습니다.
  2. 사용 방법
    1. Button, Label 등을 선택 후 우측 Property Grid에서 Icon  클릭
    2. 아이콘 설정 팝업에서 아이콘을 설정합니다.
      1. 기본 제공 (i-AUD Designer에서 제공하는 아이콘을 검색어를 통해 찾을 수 있습니다.)
      2. 이미지를 업로드 하여 아이콘을 적용 할 수 있습니다.
      3. SVG 소스를 입력하여 아이콘을 적용 할 수 있습니다.
      4. 아이콘을 선택 혹은 입력(이미지,SVG)한 후 아이콘 속성을 지정합니다. (지정한 속성은 "미리보기"를 통해 확인)

        ※ 단, 이미지로 업로드 할 경우 색상 변경이 불가능 합니다. (이미지의 색상으로 적용)
        ※ "미리보기"는 사이즈가 그대로 적용되지 않고 입력된 TEXT대비 아이콘의 사이즈를 배율로 표시됩니다.( 따라서 실제 적용된 Control에서 보여지는 사이즈와 다를 수 있습니다.)
      5. 속성 설명

        속성명속성 설명
        위치텍스트 기준 아이콘의 위치
        애니메이션아이콘에 적용할 수 있는 애니메이션 None, Spin, Beat, Fade, Bounce, Shake, Flip
        색상아이콘 색상
        크기아이콘 크기
        좌우 여백아이콘의 좌우 간격을 설정
        • 형식: 좌측,우측 (px 단위, 콤마 구분)
        • 예: 0,7 → 아이콘 오른쪽에 7px 여백
        회전아이콘을 지정한 각도만큼 회전


    3. 아이콘 설정 후 "확인" 버튼을 클릭하면 아이콘이 적용된 결과를 확인 할 수 있습니다.
  3. 화면 예시
    1. Tab 컨트롤
    2. Button, FileUploadButton

    3. Label


  • 아래 조건에 해당하는 경우 속성 설정에 제한을 받습니다.
    1. Tab Button의 경우 사이즈, 색상 변경이 불가능 합니다. (Tab Button 에 적용된 스타일이 그대로 반영됩니다.)
    2. Button, FileUplaodButton - MouseOver,MouseDown의 경우 아이콘 속성을 별도 속성으로 지정되지 않습니다.
  • SVG 소스로 적용할 경우 소스 내용에 따라서 색상이 변경되지 않거나 비정상적으로 표시될 수 있습니다.
    1. path 엘리먼트에 fill 속성을 별도로 지정한 경우 색상 변경이 제한될 수 있습니다.
    2. stroke 속성이 지정된 경우 색상 변경이 제한될 수 있습니다.



기능 정보
  • API Open
  • UI Open
  • Read Only
  • Not Use
  • Hidden
  • Not Recommend
  • 해당 없음
시작 버전 정보
  • i-AUD : 7.3.500.0-202602261656





(BCRM#G0705) SVG Font 아이콘 신규 기능 개발 - Button, Label, Tab > Button
추가 이슈 처리가 있을 경우 표 뒤에 행 추가 한 다음 작성 합니다.