====== 텍스트 필드 =======
{{:codesysmanual:visu_img_text_field.png?nolink|}}
대분류 : Common Controls

  * 텍스트 단순표시. 변수의 내용을 텍스트로 바꾸어 표시.
  * 툴팁을 표시합니다. 텍스트와 함께 변수의 내용도 표시 가능.
  * 상황에 따라 다른 텍스트 표시
  * 텍스트 또는 숫자입력

[[https://help.codesys.com/webapp/_visu_elem_text_field;product=core_visualization;version=3.5.16.0|텍스트 필드 속성]] <-- 브라우저에서 우클릭후 한국어로 번역
===== 표시 =====

텍스트표시를 하기위한 콘트롤입니다. 일단 기능을 테스트하기 위해서 LD언어쪽에 아래와 같이 프로그램해두었습니다.

{{ :codesysmanual:setvalue.png?nolink |}}

변수를 2개 선언하고, 한개는 계속 증가하도록 한 것입니다.

시각화(Visualization)쪽에는 아래처럼 텍스트 필드 2개를 표시했습니다.

{{ :codesysmanual:textfield1.png?nolink |}}

그리고 속성(Properties)쪽에서 아래와 같이 수정했습니다.

{{ :codesysmanual:textfield2.png?nolink |}}

빌드후 배포하면 결과는 다음과 같습니다. 계속 증가되는 값이 표시됩니다.

{{ :codesysmanual:textfield3.png?nolink |}}

동영상:
{{ :codesysmanual:incvalue.gif?nolink |}}

%i는 정수형으로 표시하라는 뜻입니다. 이외에도 이런 표현들이 있습니다. C언어에서 쓰는 서식문자와 유사합니다.

{{ :codesysmanual:textfieldprintcharactor.png?nolink |}}

실수형에서 3.1400000을 소수점 2자리 정수부 3자리로 맞추고 싶으면 %3.2f 로 하면 됩니다. 이외에도 시간,날짜등을 표시하기 위한 다양한 서식문자가 있습니다.

{{ :codesysmanual:textfieldprintcharactor2.png?nolink |}}

===== 숫자 입력 ======

Input Configuration을 조정하면 텍스트 필드를 클릭(터치)했을때 숫자입력판이 뜨면서 숫자를 입력할 수도 있습니다.

{{ :codesysmanual:textfield4.png?nolink |}}

OnMouseClick필드옆에 Configure를 클릭하면 아래와 같은 추가 창이 표시됩니다. 표시한 것처럼 조정하세요.

{{ :codesysmanual:textfield5.png?nolink |}}

실행하면 다음처럼 표시됩니다. 입력하고 싶은 텍스트 필드를 클릭(터치)하면 별도의 숫자입력판이 표시되는데, 여기에 원하는 숫자를 입력후, Ok를 누르면 됩니다.

{{ :codesysmanual:textfield6.png?nolink |}}

동영상:
{{ :codesysmanual:entervalue2.gif?nolink |}}

[[codesysmanual:index|CODESYS]]