Reply to thread

Message: <blockquote data-quote="isuru09" data-source="post: 18406908" data-attributes="member: 522924">පස්වෙනි ලිපිය <a href="http://isuru9.blogspot.com/2015/05/windows-mobile-apps-part-5-layouts.html" target="_blank">http://isuru9.blogspot.com/2015/05/windows-mobile-apps-part-5-layouts.html</a>Grid layout <a href="http://3.bp.blogspot.com/-MLXbzTEhEV0/VVNXGY4UyAI/AAAAAAAAAP4/HAche7OBKxE/s1600/Designer.jpg" target="_blank"><img src="https://3.bp.blogspot.com/-MLXbzTEhEV0/VVNXGY4UyAI/AAAAAAAAAP4/HAche7OBKxE/s640/Designer.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a>මේ  ලිපියෙන් කතා කරමු XAML Layouts ගැන.layout එක කියන්නේ interface එකේ  components පිහිටන ආකෘතිය..මේ ලිපියෙන් කතා කෙරෙන්නේ grid layout එක ගැනඅලුත්  app එකක් open කරගන්න.සාමාන්යෙන් interface එකක් layout එක විදියට default  තියෙන්නෙත් grid layout එකක්.ඒ කියන්නේ කොටු දැලක විදියේ  ආකෘතියක්.mainpage.xaml එක open කලාම ඉහලින්ම import ටිකත් ඊට පහලින් grid  layout ටැග් දෙකත් දකින්න ලැබේවි.ටැග් දෙක ඇතුලට පහල තියෙන code එක දාගන්න<Grid.RowDefinitions>             <RowDefinition Height="Auto"/>             <RowDefinition Height="*"/>         </Grid.RowDefinitions>         <Rectangle Height="200" Fill="Red" Grid.Row="0"/>         <Rectangle Grid.Row="1" Fill="Green"/> <a href="http://2.bp.blogspot.com/-0slSfQf6o-U/VWVrS6d5KdI/AAAAAAAAAZc/6yMJAuOwSP8/s1600/Untitled.png" target="_blank"><img src="https://2.bp.blogspot.com/-0slSfQf6o-U/VWVrS6d5KdI/AAAAAAAAAZc/6yMJAuOwSP8/s640/Untitled.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a>මෙතැනදී මුලින්ම grid එකේ row එකක් කොහොම වෙන්න ඕනෙද කියල කියල තියෙනවා<Grid.RowDefinitions>             <RowDefinition Height="Auto"/>             <RowDefinition Height="*"/>         </Grid.RowDefinitions> ඊට පස්සේ හැදෙන්න ඕනේ row දෙකක rectangle දෙකක් define කරලා තියෙනවා..<Rectangle Height="200" Fill="Red" Grid.Row="0"/>         <Rectangle Grid.Row="1" Fill="Green"/> පලවෙනි rectangle එකේ row එක 0 විදියටත්,දෙවැනි row එක 1 විදයටත් define කරලා තියෙනවා පලවෙනි rectangle එකේ උස 200ක් විදියටත් ,colour එක red විදියටත් දීල තියෙනවාදෙවැනි rectangle එකට  උසක් දීල නැහැ ,colour එක green විදියට දීල තියෙනවා.මෙතැනදී මුලින් 200ක් උස rectangle එක හැදුනට පස්සේ තියෙන සම්පුර්න උසම අරගෙන තියෙනවා දෙවනි rectangle එකට.එහෙම වුනේ මේ grid layout එකට define කරලා තියෙන්නේ row දෙකයි.ඒ නිසා සම්පුර්ණ grid එක row දෙකකට බෙදිලා තියෙනවා..දැන් <Rectangle Height="200" Grid.Row="1" Fill="Green"/> විදියට වෙනස් කරලා දෙවැනි  rectangle එකට 200ක උසක් දෙන්න... <a href="http://3.bp.blogspot.com/-McdKbv7rMn4/VWVuKroZlMI/AAAAAAAAAZo/miHjhC_ECio/s1600/Untitled.png" target="_blank"><img src="https://3.bp.blogspot.com/-McdKbv7rMn4/VWVuKroZlMI/AAAAAAAAAZo/miHjhC_ECio/s640/Untitled.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a> මෙතැනිදී දෙවැනි rectangle එක 200ක  උසට හැදිලා row එකේ මැදට align වෙලා තියෙනවා...අපි define කරන row ගානට  අනුව layout එක හැදෙනවා.මේ දෙවැනි rectangle එක අපිට ඕනේ විදියට align කරගන්න පුළුවන්.<Rectangle Height="200" Grid.Row="1" Fill="Green" VerticalAlignment="Top"/> <Rectangle Height="200" Grid.Row="1" Fill="Green" VerticalAlignment="Bottom"/> ඊලග ලිපියෙන් grid layout එක ගැන තව දුරටත් කතා කරමු...</blockquote>

Verification: Haya warak paha keeyada? (haya wadi kireema paha)

Top Bottom