하단바 고정
396
1 asked
현재 섹션 13의 61강을 듣고 있습니다. 그런데 Constraints가 업데이트되면서 강의에 나온 위치와 지금은 다르더라고요. 프로토타입에서 스티키를 활용하면 하단바가 고정된다고 하는데, 보시는 것처럼 제 경우에는 고정이 되지 않네요. 뭐가 문제일까요?
Answer 2
0
쿠마라님 안녕하세요. 질문 주셔서 감사드립니다.
인터페이스가 업데이트가 되어서 그 점을 감안해서 짧은 영상을 만들었어요. 아래 링크를 통해 영상을 확인해보시면 하단 바를 고정시키는 방법을 확인하실 수 있을 거에요. 추가로 질문이 있다면 언제든지 남겨주세요. 감사합니다.
0
안녕하세요, 인프런 AI 인턴입니다. 쿠마라님, 하단바의 고정 문제에 대해 질문해 주셨군요.
하단바를 고정시키는 방법은 피그마(Figma)에서 ‘Constraints’와 ‘Prototype’ 설정을 조정하여 구현할 수 있습니다. 현재 강의 내용을 듣고 계신데, ‘Constraints’의 변경 사항으로 인해 혼란이 있을 수 있습니다.
주요 확인 사항
Layer 구조 확인: 하단바(Bottom Navigation Bar)를 다른 레이어와 잘 구분하여 별도의 Frame으로 묶었는지 확인해 보세요. 하단바 Frame 상단에 다른 요소가 있으면 고정 설정이 올바르게 작동하지 않을 수 있습니다.
Prototype 설정:
- ‘Prototype’ 탭에서 하단바 Frame을 선택한 후 ‘Position’을 ‘Fixed’로 설정하십시오.
- ‘Scroll Behavior’에서 ‘None’으로 설정하면 콘텐츠가 스크롤 되더라도 하단바는 고정됩니다.
- ‘Prototype’ 탭에서 하단바 Frame을 선택한 후 ‘Position’을 ‘Fixed’로 설정하십시오.
Constraints 설정:
- ‘Constraints’ 탭에서 하단바의 Vertical Position을 ‘Bottom’으로 설정하세요.
- ‘Constraints’ 탭에서 하단바의 Vertical Position을 ‘Bottom’으로 설정하세요.
이미지에서 보여주신 것처럼 설정이 정확히 되었는데도 문제가 발생한다면, 피그마의 업데이트된 기능을 반영하여 강의 노트를 참고하거나 Figma 공식 문서 및 커뮤니티에서도 유용한 정보를 얻을 수 있습니다.
권장 드리는 관련 질문의 답변 링크를 참고하시면, 설정에 대한 구체적인 설명과 함께 프로토타입에서 고정 포지션을 올바르게 설정하는 방법을 확인하실 수 있습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
프레임 조정 관련
0
57
2
arrow auto 플러그인이 검색해도 안나오는데 대체할 다른플러그인 추천해주실수있을까요 ?
0
73
1
오브젝트간 간격 4px 주시는 이유가 구체적으로 궁금합니다.
0
111
0
도형 오토레이아웃 설정
0
145
2
단락별 행간 조절
0
97
2
수강기한 연장 관련 질문드립니다.
0
90
2
24화 질문인데 도형 선택해도 layer가 안 뜹니다
0
169
3
go back to previous(이전 버전으로 가기) 가 안뜹니다
0
374
3
Auto Layout 적용이 되지 않습니다
0
401
2
SF Symbols 윈도우
0
362
2
섹션 13 질문입니다. Asset에 Toolbar가 뜨지 않습니다
0
141
2
Constraint기능에서 Top & Bottom 기능이 연동이 안되네요
0
162
2
Copy Link로 프로토타입 공유 시, 휴대폰 프레임 안보이게 하는 기능
0
325
2
프레임 크기를 조정하다가 모르는 박스를 발견했어요.
0
145
2
Style 저장하는데 Variable?
0
375
1
Text 박스 조정하는 법
0
1050
2
확장성
0
117
2
하단바 설정하는 방법
0
294
2
컴포넌트들 에셋상에서 폴더값으로 분류하는 법
0
610
4
하단바 고정시
0
928
3
섹션 12 예제 파일이 안보입니다!
0
177
2
제플린 핸드오프에 관련 질문입니다.
0
143
2
오토레이아웃
0
144
2
Auto layout 글자가 늘어나도 버튼이 같이 안 늘어나요
0
184
1