web-dev-qa-db-ja.com

Xamarinでボタンのサイズを変更する方法

Xamarinフォームを使用しています。このコードを試しましたが、機能しませんでした。ボタンのサイズを変更するにはどうすればよいですか？

<ContentView.Content>
  <StackLayout>
    <Button Text="1" WidthRequest="50"></Button>
    <Button Text="2" WidthRequest="50"></Button>
  </StackLayout>
</ContentView.Content>

ありがとうございました。

xamlmobilexamarinxamarin.forms
5
mrbengi
<StackLayout >
    <Button Text="1" WidthRequest="50" 
            HorizontalOptions="Center"></Button>
    <Button Text="2" WidthRequest="50" 
            HorizontalOptions="Center"></Button>
</StackLayout>

enter image description here

18
Vulcan Lee
  <StackLayout>
    <!--I am wider but shorter-->
    <Button Text="1" WidthRequest="100" HeightRequest="50"></Button>
    <!--I am narrower but longer-->
    <Button Text="2" WidthRequest="50" HeightRequest="100"></Button>
    <!--I fill the whole width. See also VerticalOptions-->
    <Button Text="3" HorizontalOptions="FillAndExpand"></Button>
  </StackLayout>
3
Link Ng

下記の方法を試すことができますか？

<StackPanel> 
   <Button Content = "Button1" Height = "30" Width = "80" Foreground = "Blue" FontSize = "12" Margin = "10"/>
   <Button Content = "Button2" Height = "30" Width = "80" Foreground = "Blue" FontSize = "12" Margin = "10"/>
   <Button Content = "Button3" Height = "30" Width = "80" Foreground = "Blue" FontSize = "12" Margin = "10"/> 
</StackPanel>
0
Dushyant Singh Chouhan

親ビューのサイズを変更するだけです。たとえば、StackLayoutにある場合は、親と同じサイズになります。

   <Grid HeightRequest="120" WidthRequest="120" HorizontalOptions="Center">
            <Button Text="Hello!" BackgroundColor="Red"/>
        </Grid>

120 x120と表示されます。

ButtonのデフォルトのHorizo​​ntalOptionsはFillであるため、VerticalOptionsはStartです。ただし、ボタンなどの一部のコントロールは、高さまたは幅の要求を無視し、親を埋めることを好みます。同じレイアウト効果ボタン内の他の要素。ボタンの親のサイズを変更してそのままにします。

0
enisn

Horizo​​ntalOptions属性を使用して、幅または高さを必要なだけ大きくして、その中に要素を含めることができます。

<Button  HorizontalOptions="Center"  Text="Retry" />
0
Ali