컨테이너가 고정 크기 요소에만 자동 크기 조절

고정 크기 요소 (이 경우 TextBlock)가있는 RelativePanel이 있습니다. 이 RelativePanel에는 Height/Width가 명시 적으로 설정되지 않고 확장되도록 설정된 두 개의 Image 요소가 있습니다. 내가 원했던 것은 RelativePanel (또는 다른 컨테이너)가 TextBlock을 수용 할 수 있도록 크기를 조정 한 다음 이미지 배율을 사용하여 공간을 채 웁니다.컨테이너가 고정 크기 요소에만 자동 크기 조절

RelativePanel는 (일반적인 예)와 같은 것, 수평으로 배열되어

<RelativePanel Height="80"> 
    <Image Source="..."/> 
    <TextBlock Text="..."/> 
    <Image Source="..."/> 
</RelativePanel>

무엇 이러한 목표를 달성 할 수있는 좋은 방법이 될 것입니다?

편집 : Image of what I want

출처

2016-12-23 Antonio B Gott

로 사용해 볼 수 있습니까? 이미지를 텍스트 배경으로 사용하겠다는 뜻입니까? 그렇다면 두 이미지가 필요한 이유는 무엇입니까? 실제로 원하는 것을 보여주기 위해 사진을 업로드하는 것이 훨씬 더 좋습니다. –

@sunteen "컨테이너가 고정 된면을 가진 안쪽 요소에 자동 크기 조정을하면 이미지를 채울 공간이 어떻게 남았습니까?" - 높이만 자동 크기 조정되고 이미지는 고정 크기 요소의 왼쪽으로 이동하므로 영향을받지 않습니다. "이미지를 텍스트 배경으로 사용하겠습니까?" - No. 의미를 표현한 것으로 업데이트하겠습니다. –

이미지 제어가 가능한 공간에 이미지를 표시합니다 스트레치 = "UniformToFill이면"속성이 있습니다. 면을 고정 한 내부 요소에 컨테이너 자동 크기가 어떻게이 이미지를 기입 할 공간이 남아있는 않은 경우

당신이

<RelativePanel x:Name="mainPanel" Height="80"> 
    <Image x:Name="Img1" Source="..." Stretch="UniformToFill"/> 
    <TextBlock x:Name="TxtBlock1" Text="..."/ RelativePanel.AlignLeftWith="Img1" Width=150> 
    <Image x:Name="Img2" Source="..." Stretch="UniformToFill" RelativePanel.AlignLeftWith="TxtBlock1"/></RelativePanel>

출처

2016-12-29 10:45:54

테스트 할 예정이지만, "UniformToFill"은 이미지의 크기를 UI가 허용하는 최대 크기까지 독립적으로 확장하는 것이 아니라 기본 " 유니폼 "은 이미지의 가로 세로 비율을 유지하기 때문에? 그렇다면"유니폼 "이 이미 존재하고 내가 원하는 것처럼 작동하지 않기 때문에 도움이되지 않을 것입니다. –

작동하지 않을 것이라고 예상했기 때문에 테스트했을뿐입니다. 도움! –

컨테이너가 고정 크기 요소에만 자동 크기 조절

답변

관련 문제