private void InitialiseElements()
{
#region ViewInit
Image imgBg = new Image()
{
Source = "mainpagebg.png",
Aspect = Aspect.Fill
};
Image imgSearchBanner = new Image()
{
Source = "mainpagesearchbg.png",
Aspect = Aspect.Fill
};
RelativeLayout rlActivityInProgress = new RelativeLayout();
ImageButton imgActivityBtn = new ImageButton()
{
Source = "pausebtnsmall.png",
Aspect = Aspect.Fill
};
//TODO:: This
Label labelActivityName = new Label()
{
Text = "Activity",
HorizontalTextAlignment = TextAlignment.Center,
VerticalTextAlignment = TextAlignment.Center,
FontSize = 28,
FontFamily = "Roboto"
};
Label labelActivityCategory = new Label()
{
Text = "Category",
HorizontalTextAlignment = TextAlignment.Center,
VerticalTextAlignment = TextAlignment.Center,
FontSize = 20,
FontFamily = "Roboto"
};
Label labelTimeStarted = new Label()
{
Text = "Started",
HorizontalTextAlignment = TextAlignment.Center,
VerticalTextAlignment = TextAlignment.Center,
FontSize = 16,
FontFamily = "Roboto"
};
Label labelTimeElapsed = new Label()
{
Text = "Time Elapsed",
HorizontalTextAlignment = TextAlignment.Center,
VerticalTextAlignment = TextAlignment.Center,
FontSize = 28,
FontFamily = "Roboto",
TextColor = Constants.TotalTimeElapsedColor
};
AppListView listViewActivites = new AppListView()
{
HasUnevenRows = true,
SeparatorVisibility = SeparatorVisibility.None,
ItemTemplate = new DataTemplate(typeof(ActivityCell))
};
listViewActivites.ItemSelected += (sender, e) => { ((ListView)sender).SelectedItem = null; };
listViewActivites.SetBinding(AppListView.TapCommandProperty, "ListViewItemTapped");
listViewActivites.SetBinding(ListView.ItemsSourceProperty, "Activities");
listViewActivites.SetBinding(ListView.IsRefreshingProperty, "LoadingData");
ImageButton imgAddActivityBtn = new ImageButton()
{
Source = "addactivitybtn.png",
Aspect = Aspect.Fill
};
imgAddActivityBtn.SetBinding(ImageButton.TappedCommandProperty, "AddActivityTapCommand");
imgAddActivityBtn.SetBinding(Image.IsEnabledProperty, "AddActivityButtonEnabled", BindingMode.TwoWay);
#endregion
//Method goes -> X, Y, Width, Height
#region BGImage
rlPageContainer.Children.Add(imgBg, Constraint.RelativeToParent(p =>
{
return(p.X);
}),
Constraint.RelativeToParent(p =>
{
return(p.Y);
}),
Constraint.RelativeToParent(p =>
{
return(p.Width);
}),
Constraint.Constant(290)
);
#endregion
#region SearchBanner
rlPageContainer.Children.Add(imgSearchBanner, Constraint.RelativeToParent(p =>
{
return(p.X);
}),
Constraint.RelativeToView(imgBg, (p, s) =>
{
return(s.Height);
}),
Constraint.RelativeToParent(p =>
{
return(p.Width);
}),
Constraint.Constant(30)
);
#endregion
#region ActivityInPropgressLayout
rlPageContainer.Children.Add(rlActivityInProgress, Constraint.RelativeToParent(p =>
{
return(p.X);
}),
Constraint.RelativeToParent(p =>
{
return(p.Y);
}),
Constraint.RelativeToParent(p =>
{
return(p.Width);
}),
Constraint.RelativeToView(imgBg, (p, s) =>
{
return(s.Height);
})
);
#endregion
#region ActivityNameLabel
rlActivityInProgress.AddView(labelActivityName, Constraint.RelativeToParent(p =>
{
return(p.X);
}),
Constraint.RelativeToParent(p =>
{
return(p.Y + 20);
}),
Constraint.RelativeToParent(p =>
{
return(p.Width);
}),
Constraint.Constant(36)
);
#endregion
#region CategoryLabel
rlActivityInProgress.AddView(labelActivityCategory, Constraint.RelativeToParent(p =>
{
return(p.X);
}),
Constraint.RelativeToView(labelActivityName, (p, s) =>
{
return(s.Y + s.Height + 24);
}),
Constraint.RelativeToParent(p =>
{
return(p.Width);
}),
Constraint.Constant(28)
);
#endregion
#region StartedTimeLabel
rlActivityInProgress.AddView(labelTimeStarted, Constraint.RelativeToParent(p =>
{
return(p.X);
}),
Constraint.RelativeToView(labelActivityCategory, (p, s) =>
{
return(s.Y + s.Height + 24);
}),
Constraint.RelativeToParent(p =>
{
return(p.Width);
}),
Constraint.Constant(22)
);
#endregion
#region ElapsedTimeLabel
rlActivityInProgress.AddView(labelTimeElapsed, Constraint.RelativeToParent(p =>
{
return(p.X);
}),
Constraint.RelativeToView(labelTimeStarted, (p, s) =>
{
return(s.Y + s.Height + 12);
}),
Constraint.RelativeToParent(p =>
{
return(p.Width);
}),
Constraint.Constant(36)
);
#endregion
#region ActivityPauseButton
double size = 88;
rlActivityInProgress.AddView(imgActivityBtn, Constraint.RelativeToParent(p =>
{
return(p.Width / 2 - size / 2);
}),
Constraint.RelativeToView(labelTimeElapsed, (p, s) =>
{
return(s.Y + s.Height);
}),
Constraint.Constant(size),
Constraint.Constant(size)
);
#endregion
#region ActivityListView
rlPageContainer.AddView(listViewActivites, Constraint.RelativeToParent(p =>
{
return(p.X);
}),
Constraint.RelativeToView(imgSearchBanner, (p, s) =>
{
return(s.Y + s.Height);
}),
Constraint.RelativeToParent(p =>
{
return(p.Width);
}),
Constraint.RelativeToView(imgSearchBanner, (p, s) =>
{
return(p.Height - (s.Y + s.Height));
})
);
#endregion
#region AddActivityButton
int btnSize = 64;
rlPageContainer.AddView(imgAddActivityBtn, Constraint.RelativeToParent(p =>
{
return(p.Width - btnSize - 20);
}),
Constraint.RelativeToParent(p =>
{
return(p.Height - btnSize - 20);
}),
Constraint.Constant(btnSize),
Constraint.Constant(btnSize)
);
#endregion
}
private void InitialiseElements()
{
#region ViewInitialisation
ImageButton imgBackBtn = new ImageButton()
{
Source = "backarrow.png",
Aspect = Aspect.Fill
};
imgBackBtn.SetBinding(ImageButton.TappedCommandProperty, "BackButtonCommand");
imgBackBtn.SetBinding(ImageButton.IsEnabledProperty, "BackButtonEnabled", BindingMode.TwoWay);
ImageButton imgEditActivityBtn = new ImageButton()
{
Source = "editbtn.png",
Aspect = Aspect.AspectFill
};
imgEditActivityBtn.SetBinding(ImageButton.TappedCommandProperty, "EditActivityButtonCommand");
imgEditActivityBtn.SetBinding(ImageButton.IsEnabledProperty, "EditActivityButtonEnabled", BindingMode.TwoWay);
Image imgBg = new Image()
{
Source = "activitypagebg.png",
VerticalOptions = LayoutOptions.Start,
Aspect = Aspect.Fill
};
ImageButton imgActivityBtn = new ImageButton()
{
Aspect = Aspect.Fill
};
imgActivityBtn.SetBinding(Image.SourceProperty, "ActivityBtnImageSource");
imgActivityBtn.SetBinding(ImageButton.TappedCommandProperty, "ActivityButtonCommand");
imgActivityBtn.SetBinding(ImageButton.IsEnabledProperty, "ActivityButtonEnabled", BindingMode.TwoWay);
Label labelActivityName = new Label()
{
HorizontalTextAlignment = TextAlignment.Center,
VerticalTextAlignment = TextAlignment.Center,
FontSize = 28,
FontFamily = "Roboto"
};
labelActivityName.SetBinding(Label.TextProperty, "ActivityName", BindingMode.OneWay);
Label labelActivityCategory = new Label()
{
HorizontalTextAlignment = TextAlignment.Center,
VerticalTextAlignment = TextAlignment.Center,
FontSize = 20,
FontFamily = "Roboto"
};
labelActivityCategory.SetBinding(Label.TextProperty, "Category", BindingMode.OneWay);
Label labelStartedTime = new Label()
{
Text = "Started time",
HorizontalTextAlignment = TextAlignment.Center,
VerticalTextAlignment = TextAlignment.Center,
FontSize = 16,
FontFamily = "Roboto",
};
labelStartedTime.SetBinding(Label.IsVisibleProperty, "StartTimeVisible");
labelStartedTime.SetBinding(Label.TextProperty, "StartTimeDisplay");
Label labelElapsedTime = new Label()
{
HorizontalTextAlignment = TextAlignment.Center,
VerticalTextAlignment = TextAlignment.Center,
FontSize = 28,
FontFamily = "Roboto",
TextColor = Constants.TotalTimeElapsedColor
};
labelElapsedTime.SetBinding(Label.TextProperty, "TimeElapsed", BindingMode.OneWay);
labelElapsedTime.SetBinding(Label.TextColorProperty, "TimeElapsedColor");
Label labelHistory = new Label()
{
Text = "History",
HorizontalTextAlignment = TextAlignment.Start,
VerticalTextAlignment = TextAlignment.Center,
FontSize = 16,
FontFamily = "Roboto",
TextColor = Constants.HistoryTextColor
};
AppListView listViewHistory = new AppListView()
{
HasUnevenRows = true,
SeparatorVisibility = SeparatorVisibility.None,
ItemTemplate = new DataTemplate(typeof(ActivityPeriodCell))
};
listViewHistory.ItemSelected += (sender, e) => { ((ListView)sender).SelectedItem = null; };
listViewHistory.SetBinding(AppListView.TapCommandProperty, "HistoryItemTappedCommand", BindingMode.OneWay);
listViewHistory.SetBinding(ListView.ItemsSourceProperty, "History");
#endregion
//Methods goes -> X, Y, Width, Height
//Add bg image
#region BGImg
relLayout.Children.Add(imgBg, Constraint.RelativeToParent(p =>
{
return(p.X);
}),
Constraint.RelativeToParent(p =>
{
return(p.Y);
}),
Constraint.RelativeToParent(p =>
{
return(p.Width);
}),
Constraint.RelativeToParent(p =>
{
return(p.Height / 2);
}));
#endregion
//Add the history label
#region HistoryLabel
relLayout.Children.Add(labelHistory, Constraint.RelativeToParent((p) =>
{
//X coord
return(p.X + 12);
}),
Constraint.RelativeToView(imgBg, (p, s) =>
{
//Y coord
return(s.Height + 4);
}),
Constraint.Constant(60),
Constraint.Constant(21));
#endregion
//Add the labels
#region ActivityLabel
relLayout.Children.Add(labelActivityName, Constraint.RelativeToParent(p =>
{
return(p.X);
}),
Constraint.RelativeToParent(p =>
{
return(p.Y + 24);
}),
Constraint.RelativeToParent(p =>
{
return(p.Width);
}),
Constraint.Constant(36));
#endregion
#region ActivityCategoryLabel
relLayout.Children.Add(labelActivityCategory, Constraint.RelativeToParent(p =>
{
return(p.X);
}),
Constraint.RelativeToView(labelActivityName, (p, s) =>
{
return(s.Y + s.Height + 24);
}),
Constraint.RelativeToParent(p =>
{
return(p.Width);
}),
Constraint.Constant(26));
#endregion
#region StartedTimeLabel
relLayout.Children.Add(labelStartedTime, Constraint.RelativeToParent(p =>
{
return(p.X);
}),
Constraint.RelativeToView(labelActivityCategory, (p, s) =>
{
return(s.Y + s.Height + 24);
}),
Constraint.RelativeToParent(p =>
{
return(p.Width);
}),
Constraint.Constant(21));
#endregion
#region ElapsedTimeLabel
relLayout.Children.Add(labelElapsedTime, Constraint.RelativeToParent(p =>
{
return(p.X);
}),
Constraint.RelativeToView(labelStartedTime, (p, s) =>
{
return(s.Y + s.Height + 12);
}),
Constraint.RelativeToParent(p =>
{
return(p.Width);
}),
Constraint.Constant(36));
#endregion
#region HistoryListView
relLayout.Children.Add(listViewHistory, Constraint.RelativeToParent(p =>
{
return(p.X);
}),
Constraint.RelativeToView(imgBg, (p, s) =>
{
return(s.Height + 30);
}),
Constraint.RelativeToParent(p =>
{
return(p.Width);
}),
Constraint.RelativeToView(imgBg, (p, s) =>
{
return(p.Height - s.Height - 30);
}));
#endregion
//Add activity button
#region ActivityButton
int size = 128;
relLayout.Children.Add(imgActivityBtn, Constraint.RelativeToView(imgBg, (p, s) =>
{
//X coord
return(p.Width / 2 - size / 2);
}),
Constraint.RelativeToView(imgBg, (p, s) =>
{
//Y coord
return(s.Height - 80);
}),
Constraint.Constant(size),
Constraint.Constant(size));
#endregion
//Add the back button
#region BackButton
relLayout.Children.Add(imgBackBtn, Constraint.RelativeToView(imgBg, (p, s) =>
{
//X coord
return(p.X + 10);
}),
Constraint.RelativeToParent(p =>
{
//Y coord
return(p.Y + 10);
}),
Constraint.Constant(32),
Constraint.Constant(32));
#endregion
//Add the edit button
#region EditButton
int editBtnSize = 64;
relLayout.Children.Add(imgEditActivityBtn, Constraint.RelativeToParent(p =>
{
//X coord
return(p.Width - editBtnSize - 10);
}),
Constraint.RelativeToParent(p =>
{
//Y coord
return(p.Y + 5);
}),
Constraint.Constant(editBtnSize),
Constraint.Constant(editBtnSize));
#endregion
}
