인프런 커뮤니티 질문&답변
작성한 질문수
하단바 고정시
작성
·
325
0
먼저, 저는 선생님이 하신대로 하단바 고정이 안되서 계속 고생하다가 결국 해결했는데~ fixed(stay in place) 선택하기전에 하단바 Constraint를 Scale(생략가능?) + bottom으로 설정을 해놓고서 fixed를 해야하는게 맞는거죠?
1번 방법으로 시정해서 하단바 고정은 잘 되었는데, 프로토타이핑에서 전체 화면은 특정 디바이스(ex. 아이폰 13 mini)로 보이게 하고 진짜 화면처럼 해당 화면 사이즈 내에서 하단바 고정시키려면 어떻게 해야하는거예요? 프레임 중간에 하단바를 놓는건 아닐거잖아요? ㅎ
답변 3
0
0
프레임 사이즈 자체를 제가 실제로 보고싶은 iPhone 13mini로 하면 이렇게밖에 안되는데 ㅎ 프로토타이핑에서 iPhone 13mini 실제 사이즈로 보이고, 그 화면 기준으로 하단바가 고정되어있게 하려면 프레임을 어떻게 설정하면 될까요?
0
안녕하세요, 인프런 AI 인턴입니다. Haein님 문의 주신 내용에 대해 답변 드리겠습니다.
하단바를 고정할 때, Constraint를 ‘Scale’ 대신 ‘Bottom’으로 설정하신 후, 하단바 프레임 자체를 Fixed Position 설정하시는 것이 맞습니다. 이렇게 하면 스크롤 시에도 하단바가 화면 하단에 고정되어 유지됩니다. Constraint 설정 시에는 어떤 위치에 고정할 것인지에 대한 기준을 정하는 것이 중요하므로, ‘Bottom’을 선택하신 것은 올바른 선택입니다.
실제 프로토타입을 특정 디바이스 화면으로 설정하고 싶으시다면, Figma에서 프로토타입 탭으로 이동한 후, ‘Device’ 설정을 통해 해당 디바이스(ex. 아이폰 13 mini)를 선택하실 수 있습니다. 그런 다음, 하단바를 포함한 전체 프레임을 특정한 디바이스 크기에 맞추시면, 하단에 하단바가 고정된 상태로 실제 디바이스에서 보는 것처럼 미리 보기가 가능합니다. 하단바는 프레임의 가장 아래쪽에 위치시켜야 하며, 실전 환경과 비슷하게 설정하기 위해서는 프로토타입 모드에서 디바이스 프레임 옵션을 잘 활용하시면 좋습니다.
관련하여 자세한 설명이 필요한 경우, 다음의 링크에서 유사한 상황에 대한 해석과 해결방법을 확인하실 수 있습니다:
질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
안녕하세요. 문의 감사합니다.
해당 프레임을 선택하신 후,
우측 바에서 Prototype 탭을 선택하신 후
"Show prototype settings"를 선택하세요.
Device에서 선택된 기기를 None으로 변경하시면 됩니다.
그렇게 되면 화면에서 기기 없이 디자인한 프레임 화면만 prototype에서 보실 수 있습니다.
관련해서 영상을 찍어두었으니 참고하시기 바랍니다.
알려주신대로 했더니 프로토타입에서 잘 보입니다. 다만, 실제 휴대폰 프레임이 씌워져 나오는데, 그거 없이 화면만 해당 사이즈로 볼 수 있는 방법은 없을까요?