이미지 스트레치 XAML, 프로그램을 사용하여 WPF 출원 WPF

에서 I는 (1,030 폭) StackPanel에 생성 및 I 2 개 이미지를 갖는다. 1. imgClient 너비 = 784 높이 = 66 및 2. imgClientExtra 너비 = 1 및 높이 = 66

imgClientExtra가 오른쪽 끝에 있고 imgClient가 왼쪽 끝에서 시작됩니다.

그래서 이미지가 응용 프로그램이 실행되고 있지 않을 때 784 + 1에 맞을 것입니다. 전체 이미지 너비는 785 (784 + 1)입니다. 그러나 응용 프로그램이 실행 중입니다 .. 이미지가 늘어나야합니다. 1030 ... imgClientExtra가 1030 일 때 imgClient가 1029로만 확장되어야합니다 ..

스트레치를 사용했지만 ...하지 못했습니다. 현재 내가 ...이 수정 될 필요가있다이 방법을 사용하고

제발 도와주세요 .. 감사 Ramm

 <StackPanel Name="stkpnlHeader" Margin="0,0,0,0" Width="1254.662" Height="auto" HorizontalAlignment="Left" VerticalAlignment="Top"> 
       <StackPanel Name="imgStkPnl"Orientation="Vertical" Width="1253.511" HorizontalAlignment="Left"> 
        <Image Name="imgClientPhoto" HorizontalAlignment="Left" VerticalAlignment="Top" Width="784" Height="66" 
        Source="D:\ehtmp_top_left.gif" Stretch="Fill" StretchDirection="Both"> 

        </Image> 
        <Image Name="imgExtraImg" Width="1" Height="66" Margin="0,-66,0,0" HorizontalAlignment="Right" 
         Source="D:\ehtmp_top_right.gif" 
         ></Image> 
       </StackPanel> </StackPanel>

은 그리드에 StackPanel의에서 감사 Ramm

출처

2009-07-28 Ramm

변경을 도와주세요. Grid.Column 정의를 설정하십시오. 2 열 정의 만들기 너비를 사용하여 '비율'너비를 설정할 수 있습니다. 예를 들어 colA Width = "5 *"및 colB Width = "3 *"은 colA가 그리드의 5/8을 얻고 colB가 그리드의 3/8을 얻음을 의미합니다. 이 개념을 MinWidth 및 MaxWidth 설정과 결합하면 유용 할 것입니다.

또한 코드의 너비를 설정할 때 '너비'(때때로 NaN을 반환 함)가 아닌 'ActualWidth'속성을 사용하여 기존 컨트롤 너비를 검사해야하는 경우가 있습니다.

출처

2009-07-28 11:17:50 DarkwingDuck

H Darkwing .. 내 쿼리를 편집하고 여기에 xaml 코드를 추가했습니다.이 작업을 위해 stackpanel (imgStkPnl)을 그리드로 대체해야합니까 /? 감사 – Ramm

안녕 ... 그냥 ..이 부분을 추가 내가 잘못 여전히 <그리드 HorizontalAlignment로 = "왼쪽"높이 = "66"> 실제 화상이다 | ____________ || _ | 때 응용 프로그램이 실행되지 않습니다. 하지만 응용 프로그램을 실행하면 | ___________________________________________________________ || _ | 도와주세요 감사합니다 램 – Ramm

다른 스택 패널에 스택 패널이있는 것 같습니다. 이것은 아마 무의미하다. 스택 패널 하나만 있으면 2 개의 이미지를 쌓을 수 있습니다. 그런 다음 이미지에 실제 너비를 설정하지 마십시오. 왼쪽 이미지에서 MinWidth를 784로 설정하고 오른쪽 이미지에서 MinWidth를 1로 설정하십시오.여전히 작동하지 않는 경우, 이름, 여백, 정렬 등을 제거하여 업데이트 된 예제를 게시하고 예제를 정리할 수도 있습니다. 이는 가독성을 막기 위해 – DarkwingDuck

나는 그것이 자동으로 마지막 요소를 뻗어 있기 때문에 귀하의 경우에 DockPanel는 (그래서 그것이 작동하지 않는 경우 알려 주시기이 코드를 작성하지 않은) 일 것이라고 생각 :

<DockPanel Height="66"> 
    <Image Name="imgExtraImg" Source="D:\ehtmp_top_right.gif" DockPanel.Dock="Right"/> 
    <Image Name="imgClientPhoto" Source="D:\ehtmp_top_left.gif"/> 
</DockPanel>

출처

2009-07-28 14:12:05

안녕 마크, 도움을 주셔서 감사합니다. Grid를 사용해 보았습니다. 그것은 잘되었다. 참조 용으로 게시하려고합니다. 감사합니다. 람 – Ramm

<Grid HorizontalAlignment="Left" Height="66" Name="imgGrid"> 
    <Grid.ColumnDefinitions> 
    <ColumnDefinition Width="*"></ColumnDefinition> 
    <ColumnDefinition Width="Auto"></ColumnDefinition> 

     </Grid.ColumnDefinitions> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="66"/> 
     </Grid.RowDefinitions> 

    <Image Name="imgClientPhoto" Grid.Column="0" Stretch="Fill"Source="D:\eHTMP\Exclusively_My_Work\UI_Application\Images\ehtmp_top_left.gif" ></Image> 
<Image Name="imgExtraImg" Grid.Column="1"Source="D:\eHTMP\Builds\output\WPF_Example\UI_eHTMP\UI_eHTMP\Icons\ehtmp_top_right.gif"></Image></Grid>

출처

2009-07-29 06:21:17 Ramm

이미지 스트레치 XAML, 프로그램을 사용하여 WPF 출원 WPF

답변

관련 문제