안녕하세요 게임 개발자 @redkain 입니다.
현재 제작 중인 간편 추첨기 제작 상황 올려 보도록 할게요
처음 실행 시켰을 때 모습입니다. 기본적인 UI 는 대충 거의 다 붙였습니다.
별다른 기능은 없지만 각 UI 에 대해 설명을 해 보겠습니다.
(1) 추첨 입력 형태를 설정하는 팝업 입니다.
- 텍스트 : 참가 대상을 텍스트로 입력하는 타입 입니다.
- 문자 및 숫자, 특수 문자 등을 직접 입력 해서 목록에 추가 하도록 되어 있습니다. - 숫자 (입력/자동) : 참가 대상을 숫자로 입력하는 타입 입니다.
- 숫자만 입력 가능합니다. 문자 입력 시 목록에 포함 되지 않도록 처리 했습니다.
(2) 텍스트를 입력하는 박스 입니다.
- 문자나 숫자 등을 텍스트 입력 박스에 입력 한 이후 Enter 키 또는 오른쪽의 '목록추가' 버튼을 클릭해서 추첨 목록에 포함 시킬 수 있습니다.
(3) 추첨수 설정하는 텍스트 입력 박스 입니다.
- 직접 숫자를 입력 할 수도 있고 오른쪽의 위, 아래 버튼 클릭으로 추첨 개수를 정할 수 있습니다.
- 숫자 이외에 다른 문자는 입력이 안되도록 처리 했습니다.
- 추첨 수는 전체 참가 개수를 넘을 수 없도록 처리 했습니다.
(4) 목록을 모두 초기화 할 때 사용하는 버튼입니다.
- 하단 (5) 에 들어간 목록들이 모두 삭제 됩니다.
- 추첨수 (3) 의 값이 1로 초기화 됩니다.
- 전체 참가수 (6) 의 값이 0으로 초기화 됩니다.
(5) 참가 목록을 보여 주는 박스 입니다.
- 목록추가 박스 (2) 에서 입력한 문자나 텍스트가 목록 안에 순차적으로 보여집니다.
- 목록추가 시 입력한 글자의 가장 앞과 가장 뒤의 공백을 걸려 주는 기능을 포함 했습니다. (드래그 복사 했을 때 앞, 뒤 공백 복사 된거 제거)
- 동일한 목록은 다시 포함 되지 않도록 하는 기능을 넣었습니다.
(6) 목록에 포함 된 전체 참가수를 표시해 줍니다.
(7) 추첨 시작 버튼 입니다. (현재 미완성이고 다음에 작업이 들어갈 예정 입니다.)
이상 UI 에 대한 간략한 설명이었습니다.
(1) 팝업 눌렀을 때의 모습
(1) 텍스트 타입 설정 후 참가 목록 텍스트들을 입력 했을 때의 모습
(1) 숫자 (입력/자동) 타입 설정 후 참가 목록 숫자들을 입력 했을 때의 모습
- 숫자 (입력/자동) 타입 설정을 하게 되면 우측에 UI 가 추가로 나타납니다.
- Input : 숫자를 직접 입력 할 때 사용 합니다.
- Auto : 숫자를 자동으로 설정 할 때 사용 합니다.
- Input / Auto 설정에 따라 UI 가 변경 됩니다.
Auto 설정을 했을 때의 모습
- 하단에 숫자 버튼이 나타납니다.
- 버튼 4를 클릭하면 자동으로 목록에 1 ~ 4 까지 4개의 목록이 들어 갑니다.
Auto 설정 상태에서 다시 한번 버튼을 클릭 했을 때의 모습
버튼 3을 클릭하면 위에서 눌렀던 4의 값에 3을 추가해서 목록을 1 ~ 7 값으로 새로 갱신 합니다.
추첨기의 대략적인 기능은 끝났습니다.
결과 값을 보여 줄 UI 를 더 추가 하고, 몇 가지 자잘한 기능 몇개를 더 추가 하면 작업이 마무리 될 듯 합니다.
조만간 완성해서 올리도록 하겠습니다. ^^