Моя идея такова: одна страница из двух CollectionView, и один из них не отображает содержимое. Main CollectionView является вертикальным. Второй горизонтальный и является частью первого.
Мои шаги: ответ API работает нормально. Я правильно получаю данные в формате JSON.
[
{
"userName": "User1",
"imageUrl": "database//icon-library.com/images/default-profile-icon/default-profile-icon-24.jpg",
"age": 33,
"atractive": 0,
"partyMood": 0,
"fame": 0,
"friendly": 0,
"drinkMood": 0,
"party_Id": 1,
"description": "Party 1",
"memberNumber": 10,
"member": [
{
"id": 1,
"fK_Party_Id": 1,
"partys": null,
"user_id": 3,
"member_Gender": "male",
"member_Age": 33,
"member_UserName": "User3",
"member_FirstName": "Vorname",
"member_LastName": "Nachname",
"member_ImageUrl": "https://icon-library.com/images/default-profile-icon/default-profile-icon-24.jpg",
"member_ImageFrame": null,
"member_Attractive": 0,
"member_PartyMood": 0,
"member_Fame": 0,
"member_Friendly": 0,
"member_DrinkMood": 0
}
],
"item_Bottle": 0,
"item_Table": 0,
"item_GuestList": 0,
"partyImageUrl": "https://joinapiazure.azurewebsites.net/\\fdc1d73c-fd20-441b-849c-b88164fc485a.jpg",
"location_Party": null,
"start_Party": "2020-12-20T04:00:00",
"end_Party": "2020-12-20T05:00:00"
},
{
"userName": "User2",
"imageUrl": "database/icon-library.com/images/default-profile-icon/default-profile-icon-24.jpg",
"age": 33,
"atractive": 0,
"partyMood": 0,
"fame": 0,
"friendly": 0,
"drinkMood": 0,
"party_Id": 2,
"description": "Party 2",
"memberNumber": 10,
"member": [
{
"id": 2,
"fK_Party_Id": 2,
"partys": null,
"user_id": 4,
"member_Gender": "male",
"member_Age": 33,
"member_UserName": "User4",
"member_FirstName": "Vorname",
"member_LastName": "Nachname",
"member_ImageUrl": "https://icon-library.com/images/default-profile-icon/default-profile-icon-24.jpg",
"member_ImageFrame": null,
"member_Attractive": 0,
"member_PartyMood": 0,
"member_Fame": 0,
"member_Friendly": 0,
"member_DrinkMood": 0
}
],
"item_Bottle": 0,
"item_Table": 0,
"item_GuestList": 0,
"partyImageUrl": "database\\f1d1fe71-99ed-49dc-a0f2-1a388cdb6099.jpg",
"location_Party": null,
"start_Party": "2020-12-20T04:00:00",
"end_Party": "2020-12-20T05:00:00"
}
]
- Показать группу в первом CollectionView (вертикальном) (работает нормально) ItemSource={Binding AllParty} 3 Показать члена группы во втором CollectionView (горизонтальном) (не работает) ItemSource={Binding Member} if Я даю второму collectionView независимый источник, он отлично работает
Он просто не показывает подсписок членов. Когда я запускаю все это в режиме отладки, я замечаю, что значение не передается в приватное свойство.
Мой Шамаль:
<CollectionView Grid.Row="0"
ItemsSource="{Binding AllParty}"
SelectionMode="Single"
SelectionChangedCommand="{Binding Placeholder, Mode=TwoWay}"
SelectedItem="{Binding SelectItem}"
>
<CollectionView.ItemTemplate>
<DataTemplate>
<Grid Margin="0,10,0,0"
RowSpacing="0"
ColumnSpacing="0">
<Grid.RowDefinitions>
<RowDefinition Height="100" />
<RowDefinition Height="25" />
<RowDefinition Height="150" />
<RowDefinition Height="320" />
</Grid.RowDefinitions>
<Frame BackgroundColor="LightGray"
BorderColor="LightGray"
CornerRadius="10"
HasShadow="True"
Grid.Row="1"
Grid.RowSpan="3">
</Frame>
<Image Source="{Binding PartyImageUrl}"
Grid.Row="0"
Aspect="AspectFill" />
<StackLayout Margin="0,5,0,0"
Grid.Row="1">
<Label FontAttributes="Bold"
FontSize="18"
HorizontalOptions="Center"
Text="{Binding UserName}" />
</StackLayout>
<StackLayout Margin="5,5,0,0"
Orientation="Horizontal"
Grid.Row="2">
<Image Source="{Binding ImageUrl}"
Aspect="AspectFill"
Background="black"
HeightRequest="150"
WidthRequest="150" />
<StackLayout Orientation="Vertical">
<Label Text="{Binding Age, StringFormat='Alter: {0}'}" />
<Label Text="{Binding Attractive, StringFormat='Attraktivität: {0}'}" />
<Label Text="{Binding PartyMood, StringFormat='Stimmungsanreger: {0}'}" />
<Label Text="{Binding Fame, StringFormat='Bekanntheit: {0}'}" />
<Label Text="{Binding Friendly, StringFormat='Freundlich: {0}'}" />
<Label Text="{Binding DrinkMood, StringFormat='Trinklust: {0}'}" />
</StackLayout>
</StackLayout>
<StackLayout Spacing="10"
Margin="10,0,0,0"
Grid.Row="3"
Orientation="Vertical">
<Label Margin="0,10,0,0" Text="{Binding Description, StringFormat='Beschreibung: {0}'}" />
<StackLayout Orientation="Vertical">
<CollectionView ItemsSource="{Binding Member}"
ItemsLayout="HorizontalList"
xmlns:model="clr-namespace:JoinAPP.VievModel.Party"
SelectionMode="Single"
SelectionChangedCommand="{Binding Placeholder, Mode=TwoWay}">
<CollectionView.BindingContext>
<model:PartyModelViewModel/>
</CollectionView.BindingContext>
<CollectionView.ItemTemplate>
<DataTemplate>
<StackLayout Orientation="Vertical"
Padding="5">
<Image Source="{Binding Member_ImageUrl}"
Aspect="AspectFill"
Background="black"
HeightRequest="75"
WidthRequest="75" />
<Label FontAttributes="Bold"
FontSize="18"
HorizontalOptions="Center"
Text="{Binding Member_UserName}" />
</StackLayout>
</DataTemplate>
</CollectionView.ItemTemplate>
</CollectionView>
</StackLayout>
<Label Text="{Binding Item_Bootle, StringFormat='Verfügbare Flaschen: {0}'}" />
<Label Text="{Binding Item_Table, StringFormat='Verfügbare Tische: {0}'}" />
<Label Text="{Binding Item_GuestList, StringFormat='Verfügbare Gästelisteplätze: {0}'}" />
<Label Text="{Binding Location_Party, StringFormat='Location: {0}'}" />
<Label Text="{Binding Start_Party, StringFormat='Start: {0: dd.MM.yy hh:mm tt}'}" />
<Label Text="{Binding End_Party, StringFormat='End: {0: dd.MM.yy hh:mm tt} '}" />
</StackLayout>
</Grid>
</DataTemplate>
</CollectionView.ItemTemplate>
</CollectionView>
Мой ModelView
public class PartyModelViewModel : MemberModel
{
public PartyModelViewModel()
{
RefreshCommand = new Command(GetParty);
//// selectUser = new Command(async () =>
// {
// var Id = SelectItem.Id;
// Preferences.Set("CV_PartyId", Id);
// await Application.Current.MainPage.Navigation.PushAsync(new ProfilePage());
// });
GetParty();
//GetAllMember();
PartyCollection = new ObservableCollection<PartyModel>();
//MemberCollection = new ObservableCollection<MemberModel>();
}
public ObservableCollection<PartyModel> PartyCollection;
//public ObservableCollection<MemberModel> MemberCollection;
public ICommand RefreshCommand { get; }
public ICommand SelectUser { get; set; }
private async void GetParty()
{
if (AllParty == null)
{
var allParty = await PartyService.GetAllParty();
foreach (var party in allParty)
{
PartyCollection.Add(party);
}
AllParty = PartyCollection;
}
else
{
PartyCollection.Clear();
var allParty = await PartyService.GetAllParty();
foreach (var party in allParty)
{
PartyCollection.Add(party);
}
AllParty = PartyCollection;
}
IsRefreshing = false;
}
//private async void GetAllMember()
//{
// if (AllMember == null)
// {
// var allMember = await PartyService.GetAllMember();
// foreach (var member in allMember)
// {
// MemberCollection.Add(member);
// }
// AllMember = MemberCollection;
// }
// else
// {
// MemberCollection.Clear();
// if (AllMember == null)
// {
// var allMember = await PartyService.GetAllMember();
// foreach (var member in allMember)
// {
// MemberCollection.Add(member);
// }
// AllMember = MemberCollection;
// }
// IsRefreshing = false;
// }
//}
private bool _isRefreshing;
public bool IsRefreshing
{
get => _isRefreshing;
set => SetPorperty(ref _isRefreshing, value);
}
private UserModel _userSelectItem;
public UserModel UserSelectItem
{
get => _userSelectItem;
set => SetPorperty(ref _userSelectItem, value);
}
private PartyModel _selectItem;
public PartyModel SelectItem
{
get => _selectItem;
set => SetPorperty(ref _selectItem, value);
}
private ObservableCollection<PartyModel> _allParty;
public ObservableCollection<PartyModel> AllParty
{
get => _allParty;
set => SetPorperty(ref _allParty, value);
}
//private ObservableCollection<MemberModel> _allMember;
//public ObservableCollection<MemberModel> AllMember
//{
// get => _allMember;
// set => SetPorperty(ref _allMember, value);
//}
}
Мои модели
public class PartyModel : UserModel
{
private ImageSource _partyProfileImage;
public ImageSource PartyProfileImage
{
get => _partyProfileImage;
set => SetPorperty(ref _partyProfileImage, value);
}
private int _party_Id;
public int Party_Id
{
get => _party_Id;
set => SetPorperty(ref _party_Id, value);
}
//Party Bereich
private double _fK_User_Id;
public double FK_User_Id
{
get => _fK_User_Id;
set => SetPorperty(ref _fK_User_Id, value);
}
private string _description;
public string Description
{
get => _description;
set => SetPorperty(ref _description, value);
}
private int _memberNumber;
public int MemberNumber
{
get => _memberNumber;
set => SetPorperty(ref _memberNumber, value);
}
private List<MemberModel> _member;
public List<MemberModel> Member
{
get => _member;
set => SetPorperty(ref _member , value);
}
private int _item_Bottle;
public int Item_Bootle
{
get => _item_Bottle;
set => SetPorperty(ref _item_Bottle, value);
}
private int _item_Table;
public int Item_Table
{
get => _item_Table;
set => SetPorperty(ref _item_Table, value);
}
private int _item_GuestList;
public int Item_GuestList
{
get => _item_GuestList;
set => SetPorperty(ref _item_GuestList, value);
}
//private byte[] _imageArray;
//public byte[] ImageArray
//{
// get => _imageArray;
// set => SetPorperty(ref _imageArray, value);
//}
private string _partyImageUrl;
public string PartyImageUrl
{
get => _partyImageUrl;
set => SetPorperty(ref _partyImageUrl, value);
}
private string _location_Party;
public string Location_Party
{
get => _location_Party;
set => SetPorperty(ref _location_Party, value);
}
private DateTime _start_Party;
public DateTime Start_Party
{
get => _start_Party;
set => SetPorperty(ref _start_Party, value);
}
private DateTime _end_Party;
public DateTime End_Party
{
get => _end_Party;
set => SetPorperty(ref _end_Party, value);
}
private TimeSpan _timespan_Party;
public TimeSpan Timespan_Party
{
get => _timespan_Party;
set => SetPorperty(ref _timespan_Party, value);
}
}
public class MemberModel : PartyModel
{
//private int _Id;
//public int Id
//{
// get => _Id;
// set => SetPorperty(ref _Id, value);
//}
private int _fK_Party_Id;
public int FK_Party_Id
{
get => _fK_Party_Id;
set => SetPorperty(ref _fK_Party_Id, value);
}
private int _user_id;
public int User_id
{
get => _user_id;
set => SetPorperty(ref _user_id, value);
}
private string _memberGender;
public string Member_Gender
{
get => _memberGender;
set => SetPorperty(ref _memberGender, value);
}
private int _member_Age;
public int Member_Age
{
get => _member_Age;
set => SetPorperty(ref _member_Age, value);
}
private string _member_UserName;
public string Member_UserName
{
get => _member_UserName;
set => SetPorperty(ref _member_UserName, value);
}
private string _member_FirstName;
public string Member_FirstName
{
get => _member_FirstName;
set => SetPorperty(ref _member_FirstName, value);
}
private string _member_LastName;
public string Member_LastName
{
get => _member_LastName;
set => SetPorperty(ref _member_LastName, value);
}
private string _member_ImageUrl;
public string Member_ImageUrl
{
get => _member_ImageUrl;
set => SetPorperty(ref _member_ImageUrl, value);
}
// Ranking
private string _member_ImageFrame;
public string Member_ImageFrame
{
get => _member_ImageFrame;
set => SetPorperty(ref _member_ImageFrame, value);
}
// Rating
private double _member_Attractive;
public double Member_Attractive
{
get => _member_Attractive;
set => SetPorperty(ref _member_Attractive, value);
}
private double _member_PartyMood;
public double Member_PartyMood
{
get => _member_PartyMood;
set => SetPorperty(ref _member_PartyMood, value);
}
private double _member_Fame;
public double Member_Fame
{
get => _member_Fame;
set => SetPorperty(ref _member_Fame, value);
}
private double _member_Friendly;
public double Member_Friendly
{
get => _member_Friendly;
set => SetPorperty(ref _member_Friendly, value);
}
private double _member_DrinkMood;
public double Member_DrinkMood
{
get => _member_DrinkMood;
set => SetPorperty(ref _member_DrinkMood, value);
}
//protected bool SetPorperty<T>(ref T storge, T value, [CallerMemberName] string propertyName = null)
//{
// if (EqualityComparer<T>.Default.Equals(storge, value))
// {
// return false;
// }
// storge = value;
// OnPropertyChanged(propertyName);
// return true;
//}
}