어떻게 귀하의 Windows 8 응용 프로그램에 포토샵 디자인을 넣어?

누군가 내 설명을하거나 멋진 기사를 지적 할 수 있습니다. 내 포토샵 디자인을 사용하고 올바르게 내 앱에 구현할 수 있습니까? 응용 프로그램에 Xaml/VB를 사용하고 싶습니다. 내가 사용하고 싶은 멋진 게임 디자인을 만들었지 만,이 디자인을 내 xaml 앱에 어떻게 사용할 수 있는지 조용히 이해하지 못합니다. 테두리는 항상 화면 테두리에 있어야합니다.어떻게 귀하의 Windows 8 응용 프로그램에 포토샵 디자인을 넣어?

이미지 샘플 : http://social.msdn.microsoft.com/Forums/getfile/215154이

종류

출처

2013-01-03 Kaizer

This article "Adobe Photoshop 파일 가져 오기"가 도움이 될 수 있습니다.
또는 우회로가 허용되는 경우 Adobe Illustrator에서 WPF 및 Silverlight 호환 XAML을 내보내는 데 변환 할 경우에는 another one here이 있습니다.
변환 된 XAML 파일 만 필요하므로 프로젝트가 WPF 프로젝트인지 또는 Windows 8 프로젝트인지는 중요하지 않습니다.

출처

2013-01-07 11:02:37 Luke

가장 쉬운 방법은 옵션 "포토샵에서 가져 오기의"를 가지고 혼합을 사용하는 것입니다 간주한다.

먼저 Blend를 다운로드하십시오. 무료 버전의 Visual Studio Express 2012 for Windows 8 (파란색으로 페이지 아래쪽에 here)이 설치되어 있지만 가져 오기 기능이 해당 버전에서 지원되지 않습니다. Expression Blend 4 또는 Expression Blend for Silverlight 5 preview을 사용하여 Photoshop 이미지를 가져온 다음 결과 캔버스를 통해 Visual Studio 2012 용 Blend로 복사 할 수 있습니다.
그런 다음 블렌드를 엽니 다. 모든 마법사를 취소하거나 프로젝트를 작성한 다음 닫으십시오. 그런 다음 파일 메뉴에서 Adobe Photoshop 파일을 가져올 수있는 "가져 오기"옵션이 표시됩니다.

출처

2013-01-03 14:30:27

안녕하세요 제니퍼 감사합니다. 하지만 그 다음엔? 이미 살펴 봤는데 실제로 파일을 가져올 수 있습니다 (레이어 스타일을 사용하지 않고). 그렇다면 어떻게해야합니까? 나는 일종의 그리드를 만들어야합니까? – Kaizer

다음은 XAML에서 첫 번째 Windows 8 앱을 만드는 방법에 대한 자습서입니다. http://msdn.microsoft.com/en-us/library/windows/apps/hh974581.aspx. Windows 8 개발의 기초를 설명합니다. –

링크 Jennifer에 감사드립니다.하지만 지적한 내 질문에 대한 답을 찾을 수 없습니다. – Kaizer

답변을하기 전에 한 가지주의해야 할 점이 있습니다. MS 디자인 가이드 라인에 따르면 앱에 자신의 크롬을 추가해야한다고 제안합니다. 디자인 철학은 그렇게 할 필요가없는 것입니다. .

즉, 이미지를 8 개로 분할하고 앱 XAML에 눈금이 겹쳐서 표시 할 수 있습니다. 이는 HTML에서 같은 것을 배치하려는 방식과 유사합니다.

<!-- content for the game here --> 
<Grid Background="Transparent"> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="30" /> 
     <ColumnDefinition Width="*" /> 
     <ColumnDefinition Width="30" /> 
    </Grid.ColumnDefinitions> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="30" /> 
     <RowDefinition Height="*" /> 
     <RowDefinition Height="30" /> 
    </Grid.RowDefinitions> 
    <Image Height="30" Width="30" Source="TopLeftSlice.png" /> 
    <Image Height="30" Grid.Column="1" Source="TopMiddleSlice.png" /> 
    <Image Height="30" Width="30" Grid.Column="2" Source="TopRightSlice.png" /> 
    <Image Width="30" Grid.Row="1" Source="MiddleLeftSlice.png" /> 
    <Image Width="30" Grid.Row="1" Grid.Column="2" Source="MiddleRightSlice.png" /> 
    <Image Height="30" Width="30" Grid.Row="2" Source="BottomLeftSlice.png" /> 
    <Image Height="30" Grid.Row="2" Grid.Column="1" Source="BottomMiddleSlice.png" /> 
    <Image Height="30" Width="30" Grid.Row="2" Grid.Column="2" Source="BottomRightSlice.png" /> 
</Grid>

당신은 그들을 잘보고 얻기 위해 주변 이미지의 폭, 높이 및 스트레치 특성을 엉망해야하지만 한이 페이지에 적절하게 정의되어, 그것은 오버레이로 표시됩니다

이전에 정의 된 내용은 틈/투명 필름을 통해 보여야합니다.

출처

2013-01-03 15:33:25 ZombieSheep

어떻게 귀하의 Windows 8 응용 프로그램에 포토샵 디자인을 넣어?

답변

관련 문제