문제

새로운 Microsoft 표현식을 사용하고 있습니다. 나는 이와 같은 반복적 인 헤더를 만들려고 노력하고있다. http://csstreacle.artygirl.co.uk/. 표현식 블렌드 에서이 작업을 수행 할 수있는 방법이 있습니까? 컨테이너를 어떻게 구성합니까? 코드 또는 수동으로 반복하도록 어떻게 설정합니까?

나는 그것에 그라디언트가있는 사각형이 있습니다. 브라우저/ 컴퓨터 화면 크기의 화면 너비를 채우기 위해 확장하려면 어떻게해야합니까? 나는 보통 CSS에서 1px 이미지로 이것을 할 것이지만 XAML은 약간 다르다는 것을 이해합니다.

배경이 아니라 헤더의 두 계층 배경이어야합니다. 나머지 웹 사이트는 백인이 될 것입니다!

고마워 Judi

배경을 관리했지만 너비는 자동 1000에 있습니다. 자동 또는 100%로 설정하는 방법이 있습니까?

        <Grid Height="139" VerticalAlignment="Top" >
  <Grid.Background>
    <LinearGradientBrush EndPoint="0.5,0.953" StartPoint="0.5,0.01">
                <GradientStop Color="#FF1E5584"/>
                <GradientStop Color="#FF003265" Offset="1"/>
            </LinearGradientBrush>
  </Grid.Background>
</Grid>
도움이 되었습니까?

해결책

먼저, HTML 페이지의 Silverlight 컨트롤의 너비와 Heigth가 100%인지 확인해야합니다. 이렇게하면 컨트롤이 전체 페이지에 걸쳐 있습니다. 이것은 div 또는 무언가를 사용하여 일반 페이지로 할 수있는 것과 동일합니다.

XAML에서. 제어 헤더 부품에서 기본 너비와 높이를 제거합니다 (XMLN이 정의 된 경우). XAML은 다음과 같습니다.

<UserControl
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      x:Class="test0001.MainPage">
  <Grid x:Name="LayoutRoot">
    <Grid.Background>
      <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
        <GradientStop Color="Black" Offset="1"/>
        <GradientStop Color="White" Offset="0"/>
      </LinearGradientBrush>
    </Grid.Background>
  </Grid>
</UserControl>

업데이트:

그리드 나 캔버스와 같은 컨테이너의 너비를 설정하지 않도록하십시오. 너비를 어딘가에 1000으로 설정했다고 생각합니다 ... * 또는 전체 너비 속성을 제거하십시오.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top