만들기 영상이 자 마린 나는 다음과 같은 레이아웃을 가지고 응용 프로그램을 양식 내가 가진 stacklayout

Question

하이의 전체 컨테이너를 채울 :

<ContentPage Title="Live" Icon="tv_show-32.png"> 
     <ScrollView> 
      <Grid Margin="10"> 
       <Grid.RowDefinitions> 
        <RowDefinition Height="Auto"></RowDefinition> 
        <RowDefinition Height="Auto"></RowDefinition> 
        <RowDefinition Height="Auto"></RowDefinition> 
        <RowDefinition Height="Auto"></RowDefinition> 
       </Grid.RowDefinitions> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="*"></ColumnDefinition> 
       </Grid.ColumnDefinitions> 
       <StackLayout Grid.Row="0" Grid.Column="0" Spacing="50,20,50,30"> 
        <Image Source="http://kanal10.se/images/logga/kanal10.png" HorizontalOptions="FillAndExpand"></Image> 
       </StackLayout> 

       <StackLayout Grid.Column="0" Grid.Row="1" Style="{StaticResource StackBG}"> 
        <Label Text="Sverige/Sweden"></Label> 
        <BoxView WidthRequest="100" HeightRequest="1" BackgroundColor="#009fe3"></BoxView> 
        <Image Source="http://kanal10.se/storage/images/kanal10/kanal-10/tvbild.png" HorizontalOptions="Fill"></Image> 
        <Button x:Name="Sweden" Text="Watch Live" Clicked="Sweden_OnClicked" HorizontalOptions="FillAndExpand" Style="{StaticResource PlayButtonStyle}"></Button> 
       </StackLayout> 
       <StackLayout Grid.Column="0" Grid.Row="2" Style="{StaticResource StackBG}"> 
        <Label Text="Norge/Norway"></Label> 
        <BoxView WidthRequest="100" HeightRequest="1" BackgroundColor="#009fe3"></BoxView> 
        <Image Source="http://kanal10.se/storage/images/kanal10/kanal-10/tvbild.png" HorizontalOptions="FillAndExpand"></Image> 
        <Button x:Name="Norway" Text="Watch Live" Clicked="Norway_OnClicked" HorizontalOptions="FillAndExpand" Style="{StaticResource PlayButtonStyle}"></Button> 
       </StackLayout> 
       <StackLayout Grid.Column="0" Grid.Row="3" Style="{StaticResource StackBG}"> 
        <Label Text="Asien/Asia"></Label> 
        <BoxView WidthRequest="100" HeightRequest="1" BackgroundColor="#009fe3"></BoxView> 
        <Image Source="http://kanal10.se/storage/images/kanal10/kanal-10/tvbild.png" HorizontalOptions="FillAndExpand"></Image> 
        <Button x:Name="Asia" Text="Watch Live" Clicked="Asia_OnClicked" Style="{StaticResource PlayButtonStyle}"></Button> 
       </StackLayout> 
      </Grid> 
     </ScrollView> 
    </ContentPage> 

문제는 내가 tvbild.png라는 이미지를 얻을 수없는, 채우기 위해 iOS 앱의 전체 컨테이너

이미지를 버튼과 동일한 너비 크기로 만들고 싶습니다 (첨부 된 이미지 참조).

나는이 문제를 어떻게 달성 할 수 있습니까?

도움 주셔서 감사합니다.

피터

Answer 1

이미지 크기를 알고 있다고 가정합니다.

원 화상의 폭이 100이고 높이가 용기 (50) 폭은 300

찾기 스케일이다 : 이미지 버튼 매쉬 별도의 열을 사용하여 아래의 샘플을 참조 이미지를위한 HeightRequest 및 그리드 ColumnDefinition Width 설정

<ContentPage Padding="10,20" 
... 
<Grid> 
    <Grid.RowDefinitions> 
    <RowDefinition Height="Auto"/> 
    <RowDefinition Height="Auto"/> 
    <RowDefinition Height="Auto"/> 
    <RowDefinition Height="Auto"/> 
    </Grid.RowDefinitions> 
    <Grid.ColumnDefinitions> 
    <ColumnDefinition Width="300"/> 
    </Grid.ColumnDefinitions> 
    <Image Grid.Row="0" Source="100x50.png" HeightRequest="150"/> 
    <Button Grid.Row="1" Text="Button 1"/> 
    <Image Grid.Row="2" Source="200x100.png" HeightRequest="150"/> 
    <Button Grid.Row="3" Text="Button 2"/> 
</Grid> 

: 3 * 50 = 150 : 영상의 크기와 높이에 기초 100분의 300 = 3

찾기 HeightRequest : 인자 화상의 용기와 폭의 폭에 기초 페이지 너비 (320)와 아이폰 SE 시뮬레이터 샘플 출력은 왼쪽과 오른쪽 테두리 영역에서 왼쪽 디스플레이에서 오른쪽 :

이

가

Answer 2

안녕과 답변에 대한 감사,

그럼 내가 원하는 것은

단추와 이미지 모두에 대해 전체 conatiners 너비를 채 웁니다.

피터