인프런 커뮤니티 질문&답변

이하진님의 프로필 이미지
이하진

작성한 질문수

디자인 시스템 with 피그마

어플라이 (Apply part01)

인풋 밑에 헬프 텍스트가 두가지일 경우 컴포넌트 구조

해결된 질문

작성

·

274

1

스크린샷 2023-09-25 오후 5.10.27.png

플레이스 홀더 영역을 만들고 아래에 힌트텍스트가 하나있을 때는 오토레이아웃과 불린 기능을 이용해서 힌트 텍스트가 제거되었을 때 플레이스홀더 영역만큼만 보여지게 할 수 있는데

힌트텍스트 우측에 텍스트 카운터가 있을 경우(헬프 텍스트가 2가지인 경우) 어떻게 짜야 하나씩 껐을 때 한쪽으로 치우치지 않고 제거했을 때 해당 영역이 사라지고 플레이스 홀더 영역만큼만 잡히게 하는지 모르겠습니다..

답변 1

0

범쌤 님의 프로필 이미지
범쌤
지식공유자

안녕하세요 이하진님 :)

그런 경우라면 텍스트 2개를 autolayout으로 지정 후 사이 간격은 auto로 설정하여 서로를 밀어주고,
없어져도 그 자리에 남아있어야 할 텍스트 (0/200)를 fill로 지정해주셔야 hint place가 사라져도 자리를 유지할 수 있습니다 ㅎㅎ

 

데모로 만들어 놨으니 확인해보시면 좋을 것 같아요
https://www.figma.com/file/SimennyrlmgBq073rRGkGM/Untitled?type=design&node-id=1%3A45&mode=design&t=4azsy4BozjffrzWf-1

감사합니다 :)

 

이하진님의 프로필 이미지
이하진

작성한 질문수

질문하기