Hi
Vijayakumar,
Thank you very much for the provided sample. This does seem to allow me to set a gradient background however it is a little limited in that it doesn't allow the setting of different gradients based on the state of the chip. I have defined a variable list of items bound to a property in my View Model
View:
<chip:SfChipGroup Grid.Column="1" Grid.RowSpan="2"
Style="{StaticResource chipYesNoItemStyle}" VerticalOptions="CenterAndExpand" Type="Choice" ChoiceMode="Single" WidthRequest="120" HorizontalOptions="CenterAndExpand" Margin="0,2,0,0" ItemsSource="{Binding ChipItems}" DisplayMemberPath="Name">
</chip:SfChipGroup>
Style:
<Style x:Key="chipYesNoItemStyle" TargetType="Controls:CustomChipGroup">
<Setter Property="SelectedChipBackgroundColor" Value="{StaticResource accentColour3}"/>
<Setter Property="ChipBackgroundColor" Value="{StaticResource buttonBkgColour}"/>
<Setter Property="ChipTextColor" Value="{StaticResource buttonFgColour}"/>
<Setter Property="SelectedChipTextColor" Value="{StaticResource buttonFgColour}"/>
<Setter Property="ChipImageWidth" Value="50"/>
<Setter Property="Type" Value="Choice"/>
<Setter Property="ChoiceMode" Value="Single"/>
<Setter Property="HeightRequest" Value="40" />
</Style>
ViewModel:
private ObservableCollection<ChipItem> _chipItems;
public ObservableCollection<ChipItem> ChipItems { get => _chipItems; set => this.RaiseAndSetIfChanged(ref _chipItems, value); }
public TestViewModel()
{
ChipItems.Add(new ChipItem() { Name = "Yes", Id = 0 });
ChipItems.Add(new ChipItem() { Name = "No", Id = 1 });
}
ChipItem:
public class ChipItem
{
public int Id { get; set; }
public string Name { get; set; }
}
The problem is that there doesn't seem to be an easy way to specify different backgrounds for the selected and unselected state. All the items in the group have a "hard coded" background gradient.
Thanks,
Andrew
