Fuse 입문 (2)

홈 페이지
출력
미리 볼 때 Fuse 는 데스크 톱 시스템 에서 실행 중인 Fuse 배경 프로그램 과 연결 되 어 프로젝트 에 대한 모든 변경 사항 을 빠르게 표시 합 니 다.그러나 회의 에 참석 하거나 고객 에 게 쇼 를 보 내 거나 핸드 메 이 드 장 치 를 개발 환경 과 의 연결 을 끊 으 려 면 실행 할 장치 에 프로젝트 를 출력 해 야 합 니 다.
iOS 로 출력
우선, OS X 시스템 을 실행 하고 Xcode 를 설치 한 Mac 이 필요 합 니 다. 그 다음 에 애플 개발 자 계 정 이 하나 더 있어 야 합 니 다. 다 왔 습 니 다. 프로젝트 디 렉 터 리 에 아래 명령 을 입력 하 십시오.

fuse build --target=ios --run

이 명령 은 Xcode 에서 완 성 된 항목 을 엽 니 다. 출력 대상 의 드 롭 다운 메뉴 에서 장치 모델 을 선택 한 다음 '실행' 단 추 를 누 르 면 App 이 장치 에 배치 되 고 실 행 됩 니 다.
안 드 로 이 드 로 출력
먼저 안 드 로 이 드 SDK/NDK 가 설치 되 어 있 는 지 확인 하 십시오. (안 드 로 이 드 에서 미리 보기 도 설치 해 야 합 니 다. 없 으 면 명령 행 에 입력 하 십시오. fuse install android 명령 행 의 항목 디 렉 터 리 에 입력 하 십시오.

fuse build --target=Andoid --run

당신 의 프로젝트 는 이미 시스템 과 연 결 된 안 드 로 이 드 장치 에 배치 되 었 습 니 다.
UX 태그
Fuse 는 주로 이런 두 가지 일 을 하 는 데 사용 된다.

하 나 는 App 이나 원형 을 만 드 는 데 사 용 됩 니 다. 주로 크로스 플랫폼 의 JavaScript 논 리 를 작성 합 니 다.

그 밖 에 네 이 티 브 앱 을 위 한 구성 요소, UI 보기 와 디자인

이 두 가지 일 은 모두 UX 표 시 를 통 해 주체 표현 을 한 것 이다.
UX 표 시 는 실제 XML 기반 파일 형식 으로 XML 경험 이 있 는 사용자 라면 누구나 쉽게 사용 할 수 있 습 니 다. 자세 한 기능, 깊이 있 는 해석 은 UX 태그 문 서 를 참고 하 십시오.
App 탭 으로 새 애플 리 케 이 션 만 들 기
응용 프로그램 이나 원형 을 따로 만 들 고 사용 탭:

    Hello, world!

탭 에 Node, Behavior 또는 Theme 이 유형의 탭 을 삽입 할 수 있 습 니 다. 위의 예 는 간단 한 기본 글꼴 로 텍스트 를 표시 합 니 다.App 탭 자체 가 전체 앱 을 유도 하고 프로그램의 수명 주기 와 테마 업 무 를 처리 합 니 다.Background 속성 을 사용 하여 App 루트 보기 의 배경 색 을 설정 합 니 다.
UX 태그
UX 문 서 는 여러 XML 탭 으로 구성 되 어 있 으 며, 사용 가능 한 UX 탭 마다 Uno 로 인 코딩 된 클래스 에 해당 하 며, 탭 마다 하나 이상 의 runtime 대상 에 대응 합 니 다.
사용 가능 한 태그 (클래스) 는 다음 과 같은 종류 로 나 눌 수 있 습 니 다.

App 클래스 는 하나의 응용 루트 (the root) 를 대표 하고 있 으 며 하나의 노드 (Node)

만 있 을 수 있 습 니 다.

상당히 많은 Node 유형 은 주로 UI 요소

이다.

Behavior 류 의 라벨 은 노드 를 수정 하 는데 주로 다음 과 같은 분류 가 있다.

제스처

트리거

스 크 립 트

시각 효과, 각 요소

에 응용

스타일 (Styling) 은 각 구성 요소 가 통 일 된 시각 적 표현 을 유지 하고 중복 되 는 데 이 터 를 피한다

메시지App 테마 설정 을 제공 합 니 다. Theme 는 각 표준 구성 요소 의 외관 을 정의 합 니 다. 다음 과 같 습 니 다.

지정 하지 않 으 면 App 결 성 설정 을 기본 으로 합 니 다 GraphicsTheme.
네 이 티 브 테마 (NativeTheme)NativeTheme 을 사용 할 때 Fuse 는 목표 플랫폼 의 원생 통 제 를 응용 합 니 다. 다음 과 같 습 니 다.

此例中，所有显示的控制器都采用iOS和安卓的原生样式，而桌面预览中并不会出现。

如果你既想使用Native原生控制，又想使用桌面预览，那可以用NativeWithFallback主题，这样就会在iOS和安卓上用原生控制，而在桌面预览会退用Basic主题。

图片主题（GraphicsTheme）

GraphicsTheme是App的缺省主题，它能让你的App在所有平台上都保持一致的外观，除了这些：

• 状态栏在不同平台上会表现不同
• TextInput- 这是个高层级控件，由于依赖原生平台的控制，这里缺省是不会被渲染的。所以要么你自定义它的样式或者换用BasicTheme。

使用GrapicsTheme主题的好处是：

• 通过Fuse的实时预览窗，你可以在PC或Mac上预览你的App，用户体验会比使用iOS和安卓模拟器要好很多。
• 在全平台上，你的设计和动画效果，看起来、用起来均保持一致。

因为GraphicsTheme是缺省值，所以无需特意写上，但如果实在需要，那就看这儿：

또는 이렇게:

자신의 것 만 들 기 GraphicsTheme확장 맞 춤 형 GraphicsTheme 도 가능 합 니 다. 예 를 들 어 Slider 슬라이더 와 Button 단 추 를 누 르 면 특별한 외관 을 정의 할 수 있 습 니 다.
사용자 정의 GraphicsTheme 방식 은 기본 클래스 로 사용 하 는 것 입 니 다. 이렇게:

그러면 App 탭 에 이렇게 써 야 합 니 다.

전역 별명 을 만 들 수도 있 습 니 다. 이렇게:

그러면 App 탭 에 이렇게 써 야 합 니 다.

    ...

기본 테마 (기본 테마)
이 BasicTheme 주 제 는 실제 적 으로 GraphicsTheme 를 바탕 으로 부족 한 Fuse 페이지 를 추가 하고 디자인 에 있어 구 글 의 material design 디자인 이념 을 사용 했다.
UI 를 디자인 할 때 시작 점 이 필요 하 다 면 이 테 마 는 플랫폼 전체 에서 일치 하 는 외관 을 유지 하 는 데 도움 이 될 것 입 니 다.