사진을 찍거나 로컬 디바이스에서 이미지를 로드합니다.
Description
이 컨트롤을 사용하면 사용자가 사진을 찍거나 디바이스에서 이미지 파일을 업로드하고 이 콘텐츠로 데이터 원본을 업데이트할 수 있습니다. 모바일 디바이스에서 사용자에게 사진 촬영 또는 이미 사용 가능한 사진 선택 중에서 선택할 수 있는 디바이스 선택 대화 상자가 표시됩니다.
이 컨트롤은 이미지 와 그림 추가 단추의 두 가지 컨트롤을 포함하는 그룹화된 컨트롤입니다. 이미지 컨트롤은 업로드된 이미지가 없는 경우 업로드된 이미지 또는 자리 표시자를 표시합니다. 그림 추가 단추는 업로드할 이미지를 묻는 메시지를 표시합니다.
이미지 속성에 대한 이미지 컨트롤 참조를 참조하세요.
제한점
그림 컨트롤에는 다음과 같은 제한 사항이 있습니다.
- iOS에서 그림 추가 컨트롤을 사용하는 경우 카메라 또는 갤러리를 사용하여 가져온 이미지에는 방향, 위치 정보 또는 카메라 설정과 같은 메타 데이터가 포함되지 않습니다.
그림 단추 속성 추가
AccessibleLabel – 화면 읽기 프로그램에 대한 레이블입니다. 그림을 추가하는 용도를 설명해야 합니다.
맞춤 – 컨트롤의 가로 가운데를 기준으로 텍스트의 위치입니다.
BorderColor – 컨트롤 테두리의 색입니다.
BorderStyle – 컨트롤의 테두리가 Solid, Dashed, Dotted 또는 None인지 여부입니다.
BorderThickness – 컨트롤 테두리의 두께입니다.
ChangePictureText – 이미지가 업로드될 때 단추에 표시되는 텍스트입니다.
색 – 컨트롤의 텍스트 색입니다.
DisabledBorderColor – 컨트롤의 DisplayMode 속성이 Disabled로 설정된 경우 컨트롤의 테두리 색입니다.
DisabledColor – DisplayMode 속성이 Disabled로 설정된 경우 컨트롤의 텍스트 색입니다.
DisabledFill – DisplayMode 속성이 Disabled 로 설정된 경우 컨트롤의 배경색입니다.
DisplayMode – 컨트롤에서 사용자 입력(편집)을 허용하는지 여부, 데이터만 표시(보기) 또는 사용 안 함(사용 안 함)입니다.
오류 - 이미지를 업로드하는 데 문제가 있는 경우 이 속성에 적절한 오류 문자열이 포함됩니다.
Fill – 컨트롤의 배경색입니다.
FocusedBorderColor – 컨트롤에 포커스가 있을 때 컨트롤의 테두리 색입니다.
FocusedBorderThickness – 컨트롤에 포커스가 있을 때 컨트롤의 테두리 두께입니다.
글꼴 – 텍스트가 표시되는 글꼴 패밀리의 이름입니다.
FontWeight – 컨트롤에 있는 텍스트의 가중치: 굵게, 세미볼드, 노멀 또는 라이터.
높이 – 컨트롤의 위쪽 가장자리와 아래쪽 가장자리 사이의 거리입니다.
HoverBorderColor – 사용자가 해당 컨트롤에 마우스 포인터를 유지할 때 컨트롤의 테두리 색입니다.
HoverColor – 사용자가 마우스 포인터를 유지할 때 컨트롤의 텍스트 색입니다.
HoverFill – 사용자가 마우스 포인터를 유지할 때 컨트롤의 배경색입니다.
기울임꼴 – 컨트롤의 텍스트가 기울임꼴인지 여부입니다.
미디어 – 오디오 또는 비디오 컨트롤이 재생되는 클립의 식별자입니다.
OnChange – 사용자가 컨트롤의 값을 변경할 때 수행할 작업(예: 슬라이더 조정).
OnSelect – 사용자가 컨트롤을 탭하거나 클릭할 때 수행할 작업입니다.
안쪽 여백 – 가져오기 또는 내보내기 단추의 텍스트와 해당 단추의 가장자리 사이의 거리입니다.
PressedBorderColor – 사용자가 해당 컨트롤을 탭하거나 클릭할 때 컨트롤의 테두리 색입니다.
PressedColor – 사용자가 해당 컨트롤을 탭하거나 클릭할 때 컨트롤의 텍스트 색입니다.
PressedFill – 사용자가 해당 컨트롤을 탭하거나 클릭할 때 컨트롤의 배경색입니다.
다시 설정 – 컨트롤이 기본값으로 되돌아갈지 여부입니다.
크기 – 컨트롤에 표시되는 텍스트의 글꼴 크기입니다.
취소선 – 컨트롤에 나타나는 텍스트를 통해 선이 표시되는지 여부입니다.
TabIndex – 다른 컨트롤과 관련된 키보드 탐색 순서입니다.
텍스트 – 이미지가 업로드되지 않은 경우 단추에 표시되는 텍스트입니다.
도구 설명 – 사용자가 컨트롤을 마우스로 가리킬 때 표시되는 설명 텍스트입니다.
밑줄 – 컨트롤에 표시되는 텍스트 아래에 줄이 표시되는지 여부입니다.
UseMobileCamera – 사용 가능한 경우 모바일 카메라를 직접 사용할지 여부입니다. 이를 TRUE 로 설정하면 사용자가 카메라를 사용하여 사진을 찍고 디바이스 갤러리에서 기존 이미지 업로드를 사용하지 않도록 설정합니다.
VerticalAlign – 해당 컨트롤의 세로 중심과 관련하여 컨트롤의 텍스트 위치입니다.
표시 – 컨트롤이 표시되는지 숨겨지는지 여부입니다.
너비 – 컨트롤의 왼쪽 가장자리와 오른쪽 가장자리 사이의 거리입니다.
X – 컨트롤의 왼쪽 가장자리와 부모 컨테이너의 왼쪽 가장자리 사이의 거리입니다(부모 컨테이너가 없는 경우 화면).
Y – 컨트롤의 위쪽 가장자리와 부모 컨테이너의 위쪽 가장자리 사이의 거리입니다(부모 컨테이너가 없는 경우 화면).
관련 함수
Patch( DataSource, BaseRecord, ChangeRecord )
예시
이미지 갤러리 컨트롤에 이미지 추가
그림 추가 컨트롤을 추가한 다음 세 번 클릭합니다.
컨트롤을 추가, 이름을 지정하고, 구성하는 방법을 모르시나요?
열기 대화 상자에서 이미지 파일을 클릭하거나 탭한 다음 열기를 클릭하거나 탭합니다.
단추 컨트롤을 추가하고 그림 추가 컨트롤에서 이동한 다음 단추 컨트롤의 OnSelect 속성을 다음 수식으로 설정합니다.
Collect(MyPix, AddMediaButton1.Media)세로 갤러리 컨트롤을 추가하고 Items 속성을 MyPix로 설정합니다.
갤러리에서 이미지 컨트롤을 선택하고 Image 속성을 ThisItem.Value로 설정합니다.
F5 키를 누른 다음 단추 컨트롤을 클릭하거나 탭합니다.
그림 추가 컨트롤의 이미지가 세로 갤러리 컨트롤에 나타납니다. 이미지가 세로 갤러리 컨트롤의 이미지 컨트롤과 동일한 가로 세로 비율을 갖지 않는 경우 이미지 컨트롤의 ImagePosition 속성을 맞춤으로 설정합니다.
그림 추가 컨트롤을 클릭하거나 탭하고, 다른 이미지 파일을 클릭하거나 탭하고, 열기를 클릭하거나 탭한 다음, 추가한 단추 컨트롤을 클릭하거나 탭합니다.
두 번째 이미지는 이미지 갤러리 컨트롤에 나타납니다.
(선택 사항) 이전 단계를 한 번 이상 반복한 다음 Esc 키를 눌러 기본 작업 영역으로 돌아갑니다.
SaveData 함수를 사용하여 이미지를 로컬로 저장하거나 Patch 함수를 사용하여 데이터 원본을 업데이트합니다.
내게 필요한 옵션 지침
단추 및 이미지에 대한 동일한 지침이 적용됩니다. 또한 다음을 고려합니다.
색 대비
- 그림 추가 단추 는 텍스트와 배경 사이에 적절한 대비가 있어야 합니다. 업로드된 이미지에는 다양한 색이 있을 수 있으므로 그림 추가 단추에서 불투명 채우기를 사용하여 일관된 대비를 보장합니다.
화면 읽기 프로그램 지원
- 그림 추가 단추 에는 사용자에게 그림을 추가하거나 변경하라는 메시지가 표시되는 Text 및 ChangePictureText 가 있어야 합니다.
키보드 지원
- 사진 추가 단추 는 키보드 사용자가 탐색할 수 있도록 TabIndex 가 0 이상이어야 합니다.
- 그림 추가 단추 에는 명확하게 표시되는 포커스 표시기가 있어야 합니다. 이 작업을 수행하려면 FocusedBorderColor 및 FocusedBorderThickness 를 사용합니다.