Di hari yang cerah dah penuh berkah ini, masih seperti biasa di perkuliahan Advanced Visual Programing di ingatkan kembali untuk memposting cerita kuliah ke blog masing – masinng…saya kira di pertemuan Kedelapan ini akan di adakan UTS, eh rupanya tidak,,,Hebatnya lagi temen saya dah Angkut PCnya alias bawa PC dari kosan ke kampus, Hanya di karenakan UTS eh rupanya ngak Jadi,,, :)
Sebelum memulai pelajaran kami berdo’a terlebih dahulu, yang di pimpin oleh teman saya sohari, saya berharap semoga ilmu yang saya dapat hari ini bermanfaat buat saya dan orang lain. Kemudian di lanjutkan dengan absensi dan pertanyaan di hari ini “Apa buku Favorit Anda??..” . Absensi selesai , selanjutya kami menerima video tutorial ya masih seprti biasa mempraktekkan, semoga dari pertemuan seblumnya sampai saat ini saya dapat mengerti dan memahami apa yang saya pelajari selama perkuliahan ini…
Langsung aja ya kepembahasan..
Hari ini saya Ingin Berbagi Ilmu tentang : “Input Control”
Ada 5 input control yang sering kita gunakan diantaranya sebagai berikut :
- TextBox
- PasswordBox
- CheckBox
- RadioButton
- ListBox
Pertama – tama buka terlebih
dahulu Aplikasi windows phonenya ……
- New project – name dan solution name (BelajarInputControl)
- Kemudian Pilih platform Windows Phone 7.1
- Ketikan kode di bawah ini. Maksud dari kode RowDefinition ini adalah baris seperti membuat table dan ColumnDefinition adalah kolomnya. Fungsi kita membuat kode ini agar lebih kelihatan rapi.
<!--ContentPanel - place
additional content here-->
<Grid x:Name="ContentPanel" Grid.Row="1"
Margin="12,0,12,0">
<Grid.RowDefinitions>
<RowDefinition
Height="75*" />
<RowDefinition
Height="75*" />
<RowDefinition Height="75*" />
<RowDefinition
Height="75*" />
<RowDefinition
Height="75*" />
<RowDefinition
Height="75*" />
<RowDefinition
Height="75*" />
<RowDefinition Height="75*" />
<RowDefinition Height="75*" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition
Width="160*" />
<ColumnDefinition
Width="10*" />
<ColumnDefinition
Width="250*" />
</Grid.ColumnDefinitions>
</Grid>
</Grid>
*Membuat TextBox*
<TextBox Name="myTextBox"
Width="250"
Height="70"
Grid.Column="2"
Grid.Row="0"
HorizontalAlignment="Stretch"
VerticalAlignment="Stretch"
TextChanged="myTextBox_TextChanged"
/>
<PasswordBox Name="myPasswordBox"
Width="250"
Height="70"
Grid.Column="2"
Grid.Row="1"
HorizontalAlignment="Stretch"
VerticalAlignment="Stretch"
PasswordChanged="myPasswordBox_PasswordChanged"
/>
*Membuat CheckBox*
<CheckBox Name="myCheckedBox"
Content="Are
you sure you want to do this?"
Grid.Column="3"
Grid.Row="2"
HorizontalAlignment="Stretch"
VerticalAlignment="Stretch"
Checked="myCheckedBox_Checked"
/>
*Membuat RadioButton*
<RadioButton Name="myRadioButton1"
Content="Male"
Grid.Column="2"
Grid.Row="3"
HorizontalAlignment="Stretch"
VerticalAlignment="Stretch"
GroupName="myGroup"
IsChecked="True"
IsChecked="True"
/>
<RadioButton Name="myRadioButton2"
Content="Female"
Grid.Column="2"
Grid.Row="4"
HorizontalAlignment="Stretch"
VerticalAlignment="Stretch"
GroupName="myGroup"
/>
Fungsi:
GrupName untuk mengklik salah satu dari mereka
dan ingat, nama group name nya harus sama tidak boleh berbeda.
*Membuat ListBox*
<ListBox Name="myListBox"
Grid.Row="5"
Grid.ColumnSpan="3"
Grid.RowSpan="2"
SelectionChanged="myListBoxt_SelectionChanged">
<ListBoxItem
Content="First Option"/>
<ListBoxItem
Content="Second Option"/>
<ListBoxItem
Content="Third Option"/>
<ListBoxItem
Content="Fourth Option"/>
<ListBoxItem
Content="Fifth Option"/>
<ListBoxItem
Content="Sixth Option"/>
<ListBoxItem
Content="Seventh Option"/>
<ListBoxItem
Content="Eighth Option"/>
</ListBox>
Selanjutnya kita akan menambahkan button di row ke 7 untuk memasukkan data yang ada di jenis2 input control yang sudah kita pelajari.
<Button Name="myButton"
Content="OK"
Grid.Column="2"
Grid.Row="7"
Click="mButton_Click"/>
Klik 2x pada button OK ,maka kita akan beralih ke halaman MainPage.Xaml.cs tuliskan
kode berikut. Fungsi kode2 ini untuk menangkap data yang ada pada
textbox,passwordbox,checkedbox,radiobutton dan listbox..
private void
mButton_Click(object sender, RoutedEventArgs e)
{
string TBValue = myTextBox.Text;
string PBValue = myPasswordBox.Password;
bool? CBValue = myCheckedBox.IsChecked;
string RBValue = "";
if (myRadioButton1.IsChecked == true)
{
RBValue = "Male";
}
else
{
RBValue = "Female";
}
ListBoxItem LBItem = (ListBoxItem)myListBox.SelectedItem;
string LBItemValue =
LBItem.Content.ToString();
}
Kemudian
Tambakan ScrollViewer diantara beberapa input control yang sudah kita buat
tadi. Fungsinya agar bisa di gerakan scroll nya kearah bawah dan atas ketika di
tampilan di layar sesudah kita jalankan dan ScrollViewer ini sangat
penting sekali jika data yang ingin kita
gunakan banyak…
<ScrollViewer
Margin="0,175,0,0"
Height="500"
VerticalScrollBarVisibility="Visible">
Jenis input Control yang ingin kita scroll
</ScrollViewer>
Selesai selanjutnya jalankan atau
tekan aja F5…
Dan perkuliahan hari ini selesai
di akhiri dengan do’a bersama ….
Hanya ini yang bisa saya bagikan
ilmunya kepada teman – teman di hari ini, silahkan di kembangkan sesuai keinginan dan jangan pernah bosan untuk belajar dan terus belajar,,,,,
Semoga bermanfaat… :)
0 komentar:
Posting Komentar