2017-09-26 6 views
0

アイテムを追加するには、ListViewに古典的な円形ボタンを作成したいと思っています。私はAbsoluteLayoutを使ってそれをしました。しかし、私が持っている問題は、ボタンを丸めていくことができないということです。私が何を設定しても、それは正方形のままです。私が読んだことは、Xamarinが境界の動作を上回るように見えるだけです。私はこれを解決する簡単な方法がないとは信じられません。ListViewにアイテムを追加する円形ボタン

誰でも私にこれを手伝ってもらえますか?

EDIT:I'veはhttps://github.com/wilsonvargas/ButtonCirclePluginを試みたが、 - 私はまだ不安定な動作でボタンを取得:

enter image description here

<local:CircleButton 
     Text="+" 
     FontSize="Medium" 
     FontAttributes="Bold" 
     AbsoluteLayout.LayoutBounds="0.9,0.9,50,50" 
     AbsoluteLayout.LayoutFlags="PositionProportional" 
     HeightRequest="70" 
     WidthRequest="70"/> 
+0

https://github.com/wilsonvargas/ButtonCirclePlugin – Jason

+0

@Jason私の編集を参照してください – NicoRiff

+0

私はこのプラグインを作成し、それはうまく動作します、私の答えplsを確認してください。 –

答えて

2

これはアンドロイド6.0の問題であるが、それはBorderRadiusプロパティを追加し、それにボタンの高さと同じ値を割り当てることによって解決されます。このような何か:

<local:CircleButton Icon="ic_directions_bike" 
         FontSize="30" TextColor="Black" 
         HeightRequest="70" WidthRequest="70" 
         BorderRadius="70" BackgroundColor="#DCDCDC"/> 
    <!--This button is not exactly circular--> 
    <local:CircleButton FontSize="30" TextColor="Black" 
         HeightRequest="70" WidthRequest="200" 
         BorderRadius="20" BackgroundColor="#DCDCDC"/> 

enter image description here

このプロパティを使用すると、画像に見られるように、正確に円形ではないボタンを作成することができます。

+0

ハードウェアのアクセラレーションを無効にすると、この問題は解消されています...とにかく、私はあなたの言うことを試してみました。その他の質問は、Icon = "ic_directions_bike"のような角度アイコンを参照してください。 – NicoRiff

+0

アイコンのリストはこちら[https://github.com/wilsonvargas/ButtonCirclePlugin/blob/master/src/ButtonCircle/ButtonCircle.FormsPlugin.Abstractions/Icons.cs]にあります。これがあなたに役立ったら、答えとしてマークしてください。 –

+0

ウィルソンはあなたをロック!ご回答有難うございます。アルゼンチンに来たことがあれば私に知らせて、ビールを持っています。 Saludoscompañero。 – NicoRiff

0

enter image description here

私はXamarinを使用してバックグラウンドボタンを取得することができます。フォーム。あなたがXamarin.Formsを書いているなら、試してみることができます。

<StackLayout Orientation="Horizontal"> 
      <Image Margin="10,10" HeightRequest="50" WidthRequest="50" Source="backButton.png"> 
       <Image.GestureRecognizers> 
        <TapGestureRecognizer Tapped="btnSetting_Clicked"/> 
       </Image.GestureRecognizers> 
      </Image> 
      <Image HorizontalOptions="EndAndExpand" Margin="0,0,10,10" HeightRequest="50" WidthRequest="50" Source="settingsButton.png"> 
       <Image.GestureRecognizers> 
        <TapGestureRecognizer Tapped="btnSetting_Clicked"/> 
       </Image.GestureRecognizers> 
      </Image> 
     </StackLayout> 
関連する問題