Я создал приложение, используя проект Xamarin Forms PCL, который будет работать на Android, ios, Windows 10 и Windows 8.1.Xamarin Forms: Ошибка высоты прогона в IOS
В нем я использовал элемент управления progresbar, и для увеличения его высоты я сделал свой собственный рендерер.
В PCL-
using Xamarin.Forms;
namespace MyProject.ViewModels
{
public class CustomProgressbar : ProgressBar
{
}
}
В IOS-
using CoreGraphics;
using MyProject.iOS;
using Xamarin.Forms;
using Xamarin.Forms.Platform.iOS;
using FISE.ViewModels;
[assembly: ExportRenderer(typeof(CustomProgressbar), typeof(CustomProgressBarRenderer))]
namespace MyProject.iOS
{
public class CustomProgressBarRenderer : ProgressBarRenderer
{
protected override void OnElementChanged(ElementChangedEventArgs<ProgressBar> e)
{
base.OnElementChanged(e);
Control.ProgressTintColor = Color.FromHex(Constant.Primarycolor).ToUIColor();
Control.TrackTintColor = Color.FromHex(Constant.Secondary1Color).ToUIColor();
}
public override void LayoutSubviews()
{
base.LayoutSubviews();
var X = 1f;
var Y = 10.0f;
CGAffineTransform transform = CGAffineTransform.MakeScale(X, Y);
// this.Control.Transform = transform;
this.Transform = transform;
//this.ClipsToBounds = true;
//this.Layer.MasksToBounds = true;
}
}
}
Я использовал этот визуализатор для увеличения высоты ProgressBar. Во-первых, я попробовал this.Control.Transform = transform;
, но я не работал для меня, тогда я попробовал this.Transform = transform;
, тогда это сработало для меня.
Теперь у меня есть 5 progressbars Vertically Stacked один за другим.
<Grid Padding="20,3,0,0" x:Name="RatingCountDisplayGrid" RowSpacing="23" ColumnSpacing="10" Grid.Row="0" Grid.Column="1">
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>
<local1:CustomProgressbar Grid.Row="0" Grid.Column="0" HeightRequest="20" x:Name="fiveStarRating" />
<Label x:Name="fiveStarRatingCount" Grid.Row="0" Grid.Column="1" FontAttributes="Bold" FontSize="14" Style="{DynamicResource LabelNormal3}"></Label>
<local1:CustomProgressbar Grid.Row="1" Grid.Column="0" HeightRequest="20" x:Name="fourStarRating"/>
<Label x:Name="fourStarRatingCount" Grid.Row="1" Grid.Column="1" FontAttributes="Bold" FontSize="14" Style="{DynamicResource LabelNormal3}"></Label>
<local1:CustomProgressbar Grid.Row="2" Grid.Column="0" HeightRequest="20" x:Name="threeStarRating"/>
<Label x:Name="threeStarRatingCount" Grid.Row="2" Grid.Column="1" FontAttributes="Bold" FontSize="14" Style="{DynamicResource LabelNormal3}"></Label>
<local1:CustomProgressbar Grid.Row="3" Grid.Column="0" HeightRequest="20" x:Name="twoStarRating"/>
<Label x:Name="twoStarRatingCount" Grid.Row="3" Grid.Column="1" FontAttributes="Bold" FontSize="14" Style="{DynamicResource LabelNormal3}"></Label>
<local1:CustomProgressbar Grid.Row="4" Grid.Column="0" HeightRequest="20" x:Name="oneStarRating"/>
<Label x:Name="oneStarRatingCount" Grid.Row="4" Grid.Column="1" FontAttributes="Bold" FontSize="14" Style="{DynamicResource LabelNormal3}"></Label>
</Grid>
Похож this-
Перед применения Transform свойства это выглядело совершенным, но после применения преобразования собственности две индикаторы выполнения выходит из родительского контейнера.
Пожалуйста, объясните свой ответ! – Mazz
@NoumanUllah SiddiquI Где используется SizeThatFits? – Sonali
@NoumanUllah SiddiquI Я пробовал, что высота увеличивается, но четыре из пяти контрольных баров вышли из родительского контейнера. – Sonali