이 인터페이스에 가장 적합한 UI/UX 접근 방식이 무엇인지 알 수 있습니까?
여기서 모든 데이터를 표에 표시해야하지만 다른 세부 정보는 기기의 크기에 맞지 않습니다.
"프로젝트 세부 정보"이외에도 볼 수 있듯이 해당 정보를 읽을 수 있습니다. 하지만 클라이언트는 "프로젝트 세부 정보"는 장치 화면 (iPhone o iPad || 가로 또는 세로)보다 길 수 있습니다. 프로젝트 세부 사항 '문자열이 장치 화면보다 긴 경우
것은 무엇, 그 정보를 표시하는 가장 좋은 방법이 될 것입니다?
필드가 너무 길어서 둘 이상의 줄에 표시되도록 필드를 분할하면 어떨까요?
또는 모든 필드의 최대 길이를 알고 있다면 고정 된 행 높이를 설정하여 항상 모든 데이터를 표시 할 공간을 확보 할 수 있습니다.
이 두 가지 가능한 솔루션은 모든 데이터를보기 위해 아무 것도 할 필요가없는 사용자에게 더 이해하기 쉽기 때문에 행을 가로로 스크롤 할 수있게하는 것보다 낫다고 생각합니다.
간혹 더 간단한 해결책이 가장 좋은 경우가 있습니다.
제가 생각하기에 가장 적합한 해결책은 numberOfLines 속성을 UILabel으로 설정하는 것입니다.
다른 높이의 셀을 적용하려면 셀 높이를 UITableViewAutomaticDimension으로 설정하는 것을 잊지 마십시오.
그냥 tableview UI가 같도록합시다. 모든 것을 작동 시키려면 레이블을 여러 줄로 작성해야합니다.
chatDetailTableView.rowHeight = UITableViewAutomaticDimension
chatDetailTableView.estimatedRowHeight = 140
그런 다음 스토리 보드에서 셀의 라벨을 선택하면됩니다. Attributes Inspector 섹션에서 Lines 속성의 값을 0으로 설정하십시오.
이것은 작동합니다. 만약 그렇지 않다면 용서해주십시오.하지만 다른 작품을 찾을 수 있다면 알려주세요.
부트 스트랩 책임 테이블을 사용하는 것이이 간단한 해결책 일 수 있습니다. 그것은 매우 간단하고 유용성이 입증되었습니다.
오버플로 된 정보를 숨기고 툴팁에 표시하는 것은 효과가 있지만 클릭 할 것인지 아닌지에 달려 있습니다.
최상의 UI 실습을 위해 레이블과 해당 값을 같은 줄에 사용하지 말고 2 개로 나누는 것이 좋습니다. 사용자가 쉽게 이해하고 읽을 수 있기 때문에 가로 스크롤을 더 작게 만들 수 있습니다.
이것은 웹 개발에 대한 질문이 아닙니다. – Moritz
질문이 좀 더 정교해야한다고 생각합니다. 나는 세부적인 부분의 대상이 무엇인지 명확하게 이해하지 못합니까? –
안녕하세요, 제 질문을 수정했습니다. –
감사합니다. 나는 대답했다. 확인하고 알려주세요. –