public void SetSelectedSidebarButton(InstrumentButton button)
{
//Remove border fom previously selected instrument
selectedInstrButton.Selected = false;
button.Selected = true; //Change border highlight to yellow
selectedInstrButton = button; //Set this button to be the currently selected button
}
/// <summary>
/// Event handler for buttons in the sidebar
/// </summary>
void OnSidebarClicked(object sender, EventArgs e)
{
InstrumentButton button = (InstrumentButton)sender;
if (!player.IsPlaying) // So long as the music isn't currently playing, the sidebar buttons play their sound when clicked
{
SingleNotePlayer.PlayNote(button.Instrument.AtPitch(0));
}
if (button != selectedInstrButton)
{
SetSelectedSidebarButton(button);
}
}
/// <summary>
/// Event handler for instrument slots (currently selected instruments)
/// </summary>
/// <param name="sender">Sender.</param>
/// <param name="e">E.</param>
public void OnSlotClicked(Object sender, EventArgs e)
{
InstrumentButton slotClicked = (InstrumentButton)sender;
SingleNotePlayer.PlayNote(slotClicked.Instrument.AtPitch(0));
if (slotClicked.Selected == false)
{
slotClicked.Selected = true; // Slot we just clicked is highlighted
selectedSlot.Selected = false; // Previously highlighted slot is de-highlighted
selectedSlot = slotClicked; // Update selectedSlot
}
}
/// <summary>
/// Event handler for the Instrument Buttons
/// </summary>
/// <param name="sender">Sender.</param>
/// <param name="e">E.</param>
public void OnInstrumentClicked(Object sender, EventArgs e)
{
InstrumentButton clickedButton = (InstrumentButton)sender;
SingleNotePlayer.PlayNote(clickedButton.Instrument.AtPitch(0));
if (!selectedInstruments.Contains(clickedButton.Instrument))
{
selectedInstruments.Remove(selectedSlot.Instrument); // Remove current instrument from list of instruments selected
selectedSlot.Instrument = clickedButton.Instrument; // Set slot to hold the new instrument
selectedInstruments.Add(selectedSlot.Instrument); // Update the list of colors selected
doneButton.TextColor = Color.White; // Make sure cancel button is no longer gray
}
}
private void MakeSideBar()
{
// Make the sidebar
sidebar = new Grid {
ColumnSpacing = 1, RowSpacing = 1
};
sidebar.ColumnDefinitions.Add(new ColumnDefinition {
Width = new GridLength(1, GridUnitType.Star)
});
for (int i = 0; i < NumInstruments + 2; i++)
{
sidebar.RowDefinitions.Add(new RowDefinition {
Height = new GridLength(1, GridUnitType.Star)
});
}
// Fill sidebar with buttons and put them in the instrumentButtons array
instrumentButtons = new InstrumentButton[song.Instruments.Length];
for (int i = 0; i < song.Instruments.Length; i++)
{
InstrumentButton button = new InstrumentButton(song.Instruments[i]); // Make a new button
if (i == 0) //*
{ //*
button.Selected = true; //* Initialize first sidebar button to be highlighted
selectedInstrButton = button; //*
} //*
button.Clicked += OnSidebarClicked; // Add button to an event handler
sidebar.Children.Add(button, 0, i + 1); // Add button to sidebar
instrumentButtons[i] = button; // and instrumentButtons
}
// Add a button to get to the MoreOptionsPage
Button moreOptionsButton = new Button
{
BackgroundColor = Color.Black,
Font = Font.SystemFontOfSize(40),
Image = App.isTablet ? "settings_Tab.png" : "settings.png",
TextColor = Color.White
};
sidebar.Children.Add(moreOptionsButton, 0, 0);
moreOptionsButton.Clicked += OnMoreOptionsClicked;
// Add a button to play/stop the SongPlayer
playStopButton = new Button
{
BackgroundColor = Color.Black,
Font = Font.SystemFontOfSize(40),
TextColor = Color.White,
BorderRadius = 0,
};
playStopButton.Image = playImageName; //* Initialize playStop button as
sidebar.Children.Add(playStopButton, 0, 5); //* stopped, add it to the sidebar,
playStopButton.Clicked += OnPlayStopClicked; //* and add an event listener
}
private int fontSize = App.isTablet ? 25 : 15; // Sets default font size based on whether device is tablet or phone
public ChangeInstrumentsPage(MainPage mainpage)
{
this.mainpage = mainpage;
this.BackgroundColor = Color.Black; //*
this.Title = "Pick your instruments"; //* Set up basic page attributes
NavigationPage.SetHasBackButton(this, false); //*
selectedInstruments = new HashSet <Instrument>(); //*
// Initialize masterGrid to hold all UI elements
Grid masterGrid = new Grid();
masterGrid.ColumnDefinitions.Add(new ColumnDefinition {
Width = new GridLength(1, GridUnitType.Star)
});
masterGrid.RowDefinitions.Add(new RowDefinition {
Height = new GridLength(2, GridUnitType.Star)
});
masterGrid.RowDefinitions.Add(new RowDefinition {
Height = new GridLength(4, GridUnitType.Star)
});
masterGrid.RowDefinitions.Add(new RowDefinition {
Height = new GridLength(1, GridUnitType.Star)
});
// Initialize a StackLayout to hold currently selected instruments
instrumentSlotLayout = new StackLayout
{
Orientation = StackOrientation.Horizontal,
HorizontalOptions = LayoutOptions.Center,
VerticalOptions = LayoutOptions.Start,
Margin = 10,
Spacing = App.isTablet ? 13 : 10
};
// Make sure instrumentSlotLayout is initialized with instruments used on main page
foreach (InstrumentButton sideButton in mainpage.instrumentButtons)
{
InstrumentButton button = new InstrumentButton(sideButton.Instrument);
button.WidthRequest = App.isTablet ? 120 : 60; //*
button.HeightRequest = App.isTablet ? 120 : 60; //* Style choices
button.Clicked += OnSlotClicked; // Add event listener
instrumentSlotLayout.Children.Add(button); // Add to layout
selectedInstruments.Add(button.Instrument); // Keep track of what colors are selected
if (sideButton.Selected)
{ //
selectedSlot = button; // Makes sure previously selected slot is selected
button.Selected = true; //
} //
}
masterGrid.Children.Add(instrumentSlotLayout, 0, 0); // Add selectedButtons to masterGrid
// Initialize a Grid for all available instruments
allInstruments = new Grid
{
HorizontalOptions = LayoutOptions.FillAndExpand,
VerticalOptions = LayoutOptions.FillAndExpand,
};
int numInstruments = Instrument.colorMap.Keys.Count; // First, calculate how many rows we'll need given a max of 4(?) columns
int numRows = (int)Math.Ceiling(numInstruments / 4.0); // NOTE: I know this is inefficient, but this was the simplest way to do it
for (int i = 0; i < instrumentsPerRow; i++)
{ //
allInstruments.ColumnDefinitions.Add(new ColumnDefinition {
Width = new GridLength(1, GridUnitType.Star)
}); //
} //
for (int i = 0; i < numRows; i++) // Add in rows and columns
{ //
allInstruments.RowDefinitions.Add(new RowDefinition {
Height = new GridLength(1, GridUnitType.Star)
}); //
} //
// Put instruments in the allInstruments Grid
int columnIndex = 0; // Used for row/column placement calculations
int rowIndex = 0; //
foreach (KeyValuePair <String, Color> nameAndColor in Instrument.colorMap) // For each mapping of instrument name and color:
{
if (columnIndex >= instrumentsPerRow) //
{ //
columnIndex = 0; // If at the end of a row, reset column index and move on to the next row
rowIndex++; //
} //
InstrumentButton button = new InstrumentButton(Instrument.GetByName(nameAndColor.Key)); // Make a new InstrumentButton initialized with this instrument
button.HeightRequest = 49; // Style choice
button.BorderWidth = 0;
button.Clicked += OnInstrumentClicked; // Add event handler to button
allInstruments.Children.Add(button, columnIndex, rowIndex); // Add button to Grid
columnIndex++;
}
// Make a ScrollView to hold the grid with all the instruments and add it to masterGrid
ScrollView scroller = new ScrollView
{
HorizontalOptions = LayoutOptions.FillAndExpand,
VerticalOptions = LayoutOptions.FillAndExpand
};
scroller.Content = allInstruments;
masterGrid.Children.Add(scroller, 0, 1);
// Make a StackLayout to hold cancel and done buttons
StackLayout userButtons = new StackLayout
{
Orientation = StackOrientation.Horizontal,
HorizontalOptions = LayoutOptions.FillAndExpand,
VerticalOptions = LayoutOptions.FillAndExpand,
};
// Make cancel and done buttons
Button cancelButton = new Button
{
Text = "CANCEL",
TextColor = Color.White,
FontSize = fontSize,
BackgroundColor = Color.FromHex("#252525"),
HorizontalOptions = LayoutOptions.FillAndExpand,
VerticalOptions = LayoutOptions.FillAndExpand
};
doneButton = new Button
{
Text = "DONE",
TextColor = Color.Gray,
FontSize = fontSize,
BackgroundColor = Color.FromHex("#252525"),
HorizontalOptions = LayoutOptions.FillAndExpand,
VerticalOptions = LayoutOptions.FillAndExpand
};
cancelButton.Clicked += OnCancelClicked; // Add event listeners to
doneButton.Clicked += OnDoneClicked; // cancel and done buttons
userButtons.Children.Add(cancelButton); // Add buttons to layout
userButtons.Children.Add(doneButton); //
masterGrid.Children.Add(userButtons, 0, 2);
Content = masterGrid;
}
