0
votes

Comment définir la transparence uniquement pour l'arrière-plan (et non pour l'étiquette)?

Je dois créer une page contextuelle comme celle-ci: http://prntscr.com/o9gt9k

Presque tout est très simple (grille, colonnes, lignes , marges ...) sauf la transparence ... Voici ce que j'obtiens:

Voici mon code complet pour cette page contextuelle: Comme vous pouvez le voir, dans le deuxième StackLayout, j'ai défini l'arrière-plan et l'opacité (que je veux uniquement pour l'arrière-plan)

    <StackLayout Grid.Row="0"
                 HorizontalOptions="FillAndExpand"
                 VerticalOptions="FillAndExpand">
        <RelativeLayout HorizontalOptions="FillAndExpand"
                        VerticalOptions="FillAndExpand">
            <StackLayout RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToView,
                  Property=Height,Factor=1,Constant=-15}"
                         RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent,
                  Property=X,Factor=0,Constant=15}"
                         RelativeLayout.WidthConstraint="{ConstraintExpression
                  Type=RelativeToParent,Property=Width,Factor=1,Constant=-30}"
                         RelativeLayout.HeightConstraint="{ConstraintExpression
                  Type=RelativeToParent,Property=Height,Factor=1,Constant=0}"
                         BackgroundColor="#004A57"
                         Opacity="0.5"
                         Orientation="Vertical"
                         Padding="0,0,0,15">

                <Grid Margin="0,10,0,10">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="70" />
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="70" />
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="50" />
                        <RowDefinition Height="*" />
                        <RowDefinition Height="*" />
                        <RowDefinition Height="*" />
                        <RowDefinition Height="*" />
                        <RowDefinition Height="*" />
                    </Grid.RowDefinitions>

                    <Label Grid.Column="1"
                           Grid.Row="0"
                           VerticalTextAlignment="Center"
                           Text="6.237"
                           FontFamily="{StaticResource FcraftBorgo}"
                           FontSize="36"
                           HorizontalTextAlignment="Center"
                           TextColor="Red" />
                    <Label Grid.Column="1"
                           Grid.Row="1"
                           VerticalTextAlignment="Center"
                           Text="> 56% iznad 6"
                           BackgroundColor="Red"
                           FontFamily="{StaticResource FcraftBorgo}"
                           FontSize="Medium"
                           Margin="10,0,10,0"
                           HorizontalTextAlignment="Center"
                           TextColor="White" />
                    <Label Grid.Column="1"
                           Grid.Row="2"
                           VerticalTextAlignment="Center"
                           Text="TRNUTNI PROSEK"
                           FontFamily="{StaticResource FcraftBorgo}"
                           FontSize="Medium"
                           HorizontalTextAlignment="Center"
                           TextColor="Red" />
                    <Label Grid.Column="1"
                           Grid.Row="3"
                           VerticalTextAlignment="Center"
                           Text="6.07"
                           FontFamily="{StaticResource FcraftBorgo}"
                           FontSize="Medium"
                           HorizontalTextAlignment="Center"
                           TextColor="Red" />
                    <Label Grid.Column="1"
                           Grid.Row="4"
                           VerticalTextAlignment="Center"
                           Text="OSVOJENO"
                           FontFamily="{StaticResource FcraftBorgo}"
                           FontSize="Medium"
                           Margin="0,10,0,0"
                           HorizontalTextAlignment="Center"
                           TextColor="Red" />
                    <Label Grid.Column="1"
                           Grid.Row="5"
                           VerticalTextAlignment="Center"
                           Text="7"
                           FontFamily="{StaticResource FcraftBorgo}"
                           FontSize="Medium"
                           HorizontalTextAlignment="Center"
                           TextColor="Red" />
                </Grid>
            </StackLayout>
        </RelativeLayout>
    </StackLayout>
</Grid>

xaml

0 commentaires

3 Réponses :

2
votes

pouvez-vous faire quelque chose comme ça?

<Grid>
    <ContentView BackgroundColor=".." Opacity=0.x" VerticalOptions="FillAndExpand" />
     <StackLayout>
       ..  Label  in here ..
    </StackLayout>
</Grid>

2 commentaires

Merci de répondre. Je trouve une solution similaire (peut-être même la même) quelque part plus tôt, mais cela ne fonctionne pas. Avez-vous une autre idée?

salut, cela a fonctionné pour moi dans une situation similaire. pas du tout travaillé? l'avez-vous utilisé correctement?

0
votes

    <ContentView BackgroundColor="#004A57"
                 Opacity="0.7"
                 VerticalOptions="FillAndExpand" />

    <StackLayout Grid.Row="0"
                 HorizontalOptions="FillAndExpand"
                 VerticalOptions="FillAndExpand">
        <RelativeLayout HorizontalOptions="FillAndExpand"
                        VerticalOptions="FillAndExpand">
            <StackLayout RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToView,
                  Property=Height,Factor=1,Constant=-15}"
                         RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent,
                  Property=X,Factor=0,Constant=15}"
                         RelativeLayout.WidthConstraint="{ConstraintExpression
                  Type=RelativeToParent,Property=Width,Factor=1,Constant=-30}"
                         RelativeLayout.HeightConstraint="{ConstraintExpression
                  Type=RelativeToParent,Property=Height,Factor=1,Constant=0}"
                         Orientation="Vertical"
                         Padding="0,0,0,15">

                <Grid Margin="0,10,0,10">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="70" />
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="70" />
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="50" />
                        <RowDefinition Height="*" />
                        <RowDefinition Height="*" />
                        <RowDefinition Height="*" />
                        <RowDefinition Height="*" />
                        <RowDefinition Height="*" />
                        <RowDefinition Height="*" />
                    </Grid.RowDefinitions>

                    <Label Grid.Column="1"
                           Grid.Row="0"
                           VerticalTextAlignment="Center"
                           Text="6.237"
                           FontFamily="{StaticResource FcraftBorgo}"
                           FontSize="36"
                           HorizontalTextAlignment="Center"
                           TextColor="Red" />
                    <Label Grid.Column="1"
                           Grid.Row="1"
                           VerticalTextAlignment="Center"
                           Text="> 56% iznad 6"
                           BackgroundColor="Red"
                           FontFamily="{StaticResource FcraftBorgo}"
                           FontSize="Medium"
                           Margin="10,0,10,0"
                           HorizontalTextAlignment="Center"
                           TextColor="White" />
                    <Label Grid.Column="1"
                           Grid.Row="2"
                           VerticalTextAlignment="Center"
                           Text="TRNUTNI PROSEK"
                           FontFamily="{StaticResource FcraftBorgo}"
                           FontSize="Small"
                           HorizontalTextAlignment="Center"
                           TextColor="Red" />
                    <Label Grid.Column="1"
                           Grid.Row="3"
                           VerticalTextAlignment="Center"
                           Text="6.07"
                           FontFamily="{StaticResource FcraftBorgo}"
                           FontSize="Medium"
                           HorizontalTextAlignment="Center"
                           TextColor="Red" />
                    <Label Grid.Column="1"
                           Grid.Row="4"
                           VerticalTextAlignment="Center"
                           Text="OSVOJENO"
                           FontFamily="{StaticResource FcraftBorgo}"
                           FontSize="Medium"
                           Margin="0,10,0,0"
                           HorizontalTextAlignment="Center"
                           TextColor="Red" />
                    <Label Grid.Column="1"
                           Grid.Row="5"
                           VerticalTextAlignment="Center"
                           Text="7"
                           FontFamily="{StaticResource FcraftBorgo}"
                           FontSize="Medium"
                           HorizontalTextAlignment="Center"
                           TextColor="Red" />
                    <Image Grid.Column="1"
                           Grid.Row="6"
                           HorizontalOptions="Center"
                           Source="qr_icon.PNG" />
                </Grid>
            </StackLayout>
        </RelativeLayout>
    </StackLayout>
</Grid>

0 commentaires

0
votes

Vérifiez ceci s'il vous plaît, a fonctionné pour moi:

  <Grid HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" >
             <Grid.RowDefinitions>
                 <RowDefinition Height="*"></RowDefinition>
            </Grid.RowDefinitions>


             <StackLayout Grid.Row="0"
                         HeightRequest="500"
                         WidthRequest="500"
                         HorizontalOptions="FillAndExpand"
                         VerticalOptions="FillAndExpand">

                 <RelativeLayout HorizontalOptions="FillAndExpand"
                    VerticalOptions="FillAndExpand">
                     <StackLayout RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToView,
              Property=Height,Factor=1,Constant=-15}"
                     RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent,
              Property=X,Factor=0,Constant=15}"
                     RelativeLayout.WidthConstraint="{ConstraintExpression
              Type=RelativeToParent,Property=Width,Factor=1,Constant=-30}"
                     RelativeLayout.HeightConstraint="{ConstraintExpression
              Type=RelativeToParent,Property=Height,Factor=1,Constant=0}"
                     Orientation="Vertical"
                     Padding="0,0,0,15" Opacity="0.3"  BackgroundColor="#004A57">


                </StackLayout>
            </RelativeLayout>

        </StackLayout>
        <Grid Margin="0,10,0,10" Opacity="1">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="70" />
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="70" />
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="50" />
                <RowDefinition Height="*" />
                <RowDefinition Height="*" />
                <RowDefinition Height="*" />
                <RowDefinition Height="*" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>

            <Label Grid.Column="1"
                       Grid.Row="0"
                       VerticalTextAlignment="Center"
                       Text="6.237"
                       FontFamily="{StaticResource FcraftBorgo}"
                       FontSize="36"
                       HorizontalTextAlignment="Center"
                       TextColor="Red" />
            <Label Grid.Column="1"
                       Grid.Row="1"
                       VerticalTextAlignment="Center"
                       Text="> 56% iznad 6"
                       BackgroundColor="Red"
                       FontFamily="{StaticResource FcraftBorgo}"
                       FontSize="Medium"
                       Margin="10,0,10,0"
                       HorizontalTextAlignment="Center"
                       TextColor="White" />
            <Label Grid.Column="1"
                       Grid.Row="2"
                       VerticalTextAlignment="Center"
                       Text="TRNUTNI PROSEK"
                       FontFamily="{StaticResource FcraftBorgo}"
                       FontSize="Medium"
                       HorizontalTextAlignment="Center"
                       TextColor="Red" />
            <Label Grid.Column="1"
                       Grid.Row="3"
                       VerticalTextAlignment="Center"
                       Text="6.07"
                       FontFamily="{StaticResource FcraftBorgo}"
                       FontSize="Medium"
                       HorizontalTextAlignment="Center"
                       TextColor="Red" />
            <Label Grid.Column="1"
                       Grid.Row="4"
                       VerticalTextAlignment="Center"
                       Text="OSVOJENO"
                       FontFamily="{StaticResource FcraftBorgo}"
                       FontSize="Medium"
                       Margin="0,10,0,0"
                       HorizontalTextAlignment="Center"
                       TextColor="Red" />
            <Label Grid.Column="1"
                       Grid.Row="5"
                       VerticalTextAlignment="Center"
                       Text="7"
                       FontFamily="{StaticResource FcraftBorgo}"
                       FontSize="Medium"
                       HorizontalTextAlignment="Center"
                       TextColor="Red" />
        </Grid>
    </Grid>

1 commentaires

@NitrusBrio s'il vous plaît vérifier ceci et laissez-moi savoir si cela a fonctionné pour vous