Single & multiline textInput(단일 및 다중에서 textInput)

Single & multiline textInput
(단일 및 다중에서 textInput)

The text input box is a UI component that is often used in game. Lets have a look at the TextInput API class.
(텍스트 입력 상자는 게임에서 자주 사용되는 UI 구성 요소입니다. TextInput API 클래스를 살펴 보겠습니다.)
All API parameters in Laya.ui.textInput:
(Laya.ui.textInput의 모든 API 매개 변수 :)
1
Here we set single and multi line input for text. Single line input can only be entered in one line. Multiple lines can contain lines with carriage return before the last line is full.
(여기서 우리는 텍스트를위한 단일 및 다중 라인 입력을 설정합니다. 한 줄 입력은 한 줄로 입력 할 수 있습니다. 마지막 행이 가득 차기 전에 여러 행에 캐리지 리턴이있는 행을 포함 할 수 있습니다.)
  1. //WebGL이 지원되지 않는 경우 엔진을 초기화하고 Canvas로 자동 전환합니다.
  2. Laya.init(640,800,Laya.WebGL);
  3. //캔버스의 배경색 설정
  4. Laya.stage.bgColor = "#efefef";
  5. Text_InputSingleline();
  6. Text_InputMultiline();
  7. function Text_InputSingleline(){
  8. var textInput = new Laya.TextInput("단일 라인 입력");//TextInput 클래스의 인스턴스 객체 만들기 textInput。
  9. textInput.wordWrap = true;//textInput의 텍스트를 wrap로 설정합니다.
  10. textInput.fontSize = 30;//textInput의 폰트 사이즈를 설정합니다.
  11. textInput.x = 0;//textInput 객체의 속성 x 값을 설정하여 textInput 객체가 표시되는 위치를 제어합니다.
  12. textInput.y = 0;//textInput 객체의 y 속성 값을 설정하여 textInput 객체가 표시되는 위치를 제어합니다.
  13. textInput.width = 300;//textInput의 폭을 설정합니다.
  14. textInput.height = 200;//textInput의 높이를 설정합니다.
  15. textInput.bgColor = "#c30c30";
  16. Laya.stage.addChild(textInput);//표시리스트에 textInput를 추가합니다.
  17. }
  18. function Text_InputMultiline(){
  19. var textInput = new Laya.TextInput("다중 라인 입력");//TextInput 클래스의 인스턴스 객체 textInput을 만듭니다.
  20. textInput.fontSize = 30;//textInput의 폰트 사이즈를 설정합니다.
  21. textInput.wordWrap = true;//textInput의 텍스트를 wrap로 설정합니다.
  22. textInput.multiline = true;//textInput에 여러 줄 입력 설정
  23. textInput.x = 0;//textInput 객체의 속성 x 값을 설정하여 textInput 객체가 표시되는 위치를 제어합니다.
  24. textInput.y = 300//textInput 객체의 y 속성 값을 설정하여 textInput 객체가 표시되는 위치를 제어합니다.
  25. textInput.width = 300;//textInput의 폭을 설정합니다.
  26. textInput.height = 200;//textInput의 높이를 설정합니다.
  27. textInput.bgColor = "#c30c30";
  28. Laya.stage.addChild(textInput);//표시리스트에 textInput를 추가합니다.
  29. }
operation result:
2
By setting up our multiline to true, shown in figure above, we will be able to achieve multiple lines of input. Other parameters and settings likes fonts and styles of different sizes from Text text are basically the same.
(위의 그림에서와 같이 다중 행을 true로 설정하면 여러 행을 입력 할 수 있습니다. 다른 매개 변수 및 설정은 글꼴 및 텍스트 텍스트와 크기가 다른 스타일이 기본적으로 동일합니다.)

댓글 없음:

댓글 쓰기