제품 설명 1: axure8. 1 으로 휴대폰 앱 하단 탐색 표시줄 효과를 만듭니다.

효과는 다음과 같습니다. 임의의 탭을 선택하고 해당 인터페이스로 전환하여 선택 상태를 변경합니다.

초보자로서 구성 요소의 조합 선택 및 드래그, 동적 패널 사용에 주의해야 할 몇 가지 세부 사항이 있습니다. 필자는 오랫동안 연구해 왔지만 바이두도 소용이 없다. 키워드가 맞지 않을 수도 있고, 나도 정답을 찾을 수 없다. 좋아, 일이 늦어서는 안 되니, 조작 절차를 시작하자.

1..1.탐색 모음 마스터 만들기. Axure 인터페이스의 왼쪽 하단에 있는 master 열의 더하기 기호를 클릭하여 master 를 만들고 이름을 지정합니다.

1.2. 마스터를 두 번 클릭하여 마스터 편집 페이지로 들어갑니다. 여기서 드래그 및 기타 작업을 수행합니다.

2. 1. 탐색 막대가 ***5 개의 탭으로 구성되어 있는 것을 보았습니다. 각 탭에는 두 개의 요소, 그림 및 텍스트 레이블이 포함되어 있습니다. 하지만 폭, 높이, 거리, 심지어 화면을 쉽게 설정할 수 있도록 드래그를 결합하여 클릭 상태를 설정하기 위해 사진과 문자를 직사각형 상자에 넣었습니다.

2.2. 사각형을 인터페이스로 드래그하고, 원본 그림과 텍스트 레이블 구성 요소를 드래그합니다. 다음 그림과 같이 크기와 스타일 등을 조정합니다.

2.3. 이 세 가지 구성 요소를 전체적으로 드래그하려면 이들을 결합해야 합니다. Command 키 (내 MAC) 를 누른 채 사각형, 그림, 텍스트 레이블을 선택하고 마우스 오른쪽 단추-> 조합을 클릭하면 어떤 구성 요소가 함께 그룹화될 수 있습니까?

2.4 조합 구성 요소-> 를 마우스 오른쪽 단추로 클릭합니다 동적 패널로 변환합니다. 두 번 클릭하면 아래 팝업 창이 팝업되고 동적 패널의 이름을 입력합니다. 상태 추가: 선택 및 선택 안 함. 먼저 선택 상태를 추가한 다음 선택 상태를 두 번 클릭하여 선택 상태를 편집하는 페이지로 이동하여 선택한 그림, 문자, 문자 색상을 추가할 수 있습니다. 그런 다음 동적 패널로 돌아가서 더하기 기호 옆에 있는 복사를 클릭하여 선택한 상태를 복사하고 이름을 Unchecked 로 지정합니다. 두 번 클릭하여 선택을 취소하고 내부 이미지와 텍스트 색상을 수정합니다. 이렇게 하면 간격을 반복적으로 설정할 필요가 없습니다.

2.5. 다른 네 개의 탭의 경우 첫 번째로 편집된 동적 패널의 그림과 텍스트만 복사하여 내부 상태를 수정하면 됩니다. 다시 만들 필요가 없습니다.

2.6. 아래쪽 탐색 표시줄 사각형 내부로 드래그하여 간격을 조정하여 화면을 균등하게 나눕니다.

3. 1. 각 탭을 클릭하여 해당 페이지로 이동하므로 다음 그림에 5 개의 해당 페이지를 추가했습니다.

3.2, 첫 번째 탭을 선택하고 왼쪽 홈 페이지 등록 정보에서 마우스 왼쪽 버튼을 클릭합니다. 다음 그림과 같이 나타납니다.

링크를 클릭하고, 링크를 열고, 현재 창을 열고, 홈페이지를 클릭하고, 확인하세요.

이 시점에서 하단 탐색 모음의 마스터가 완료되었습니다. 그런 다음 마지막 단계는 마스터 버전을 각 페이지에 적용하는 것입니다. 오른쪽 하단의 탐색 표시줄을 클릭한 다음-> 를 마우스 오른쪽 버튼으로 클릭합니다 페이지에 마스터 추가 를 선택합니다. 모든 페이지를 선택합니다.

홈 탭을 클릭하면 홈 페이지가 선택될 때 다른 탭의 상태를 선택 취소해야 합니다. 이것은 어떻게 바뀌었습니까? 페이지를 로드할 때 각 레이블의 상태를 설정합니다.

4. 1 예를 들어 자동차 검색 페이지를 클릭하고 오른쪽 속성을 클릭하면 페이지가 로드됩니다. 다음 그림과 같이 나타납니다.

4.2. 페이지 로드가 완료되면 팝업 창을 두 번 클릭하고 패널 상태 설정을 선택한 다음 차량 선택 선택 선택 상태를 찾아 선택 안 함 상태를 선택합니다. 다른 탭의 설정은 같습니다. 다음 그림과 같이 나타납니다.

이 시점에서 모든 단계가 완료되었습니다.

단지 예고를 발표할 뿐이다.