Basic XAML

முந்தைய அத்தியாயத்தில், XAML என்றால் என்ன, அதை நீங்கள் எதைப் பயன்படுத்துகிறீர்கள் என்பதைப் பற்றி பார்த்தோம். ஆனால் XAML இல் ஒரு control-ஐ எவ்வாறு உருவாக்குவது? அடுத்த எடுத்துக்காட்டில் இருந்து நீங்கள் பார்ப்பது போல், XAML இல் ஒரு control-ஐ உருவாக்குவது, கோண அடைப்புக்குறிகளுக்குள் அதன் பெயரை எழுதுவது போல் எளிதானது. உதாரணமாக, ஒரு பொத்தான் கீழ் கண்டவாறு தெரியும்:

<Button>

இறுதிக் குறிச்சொல்லை எழுதுவதன் மூலமோ அல்லது தொடக்கக் குறிச்சொல்லின் முடிவில் முன்னோக்கி சாய்வு வைப்பதன் மூலமோ XAML குறிச்சொற்களை முடிக்க வேண்டும்:

<Button></Button>

அல்லது

<Button />

தொடக்க மற்றும் இறுதி குறிச்சொற்களுக்கு இடையில் உள்ளடக்கத்தை வைக்க நிறைய கட்டுப்பாடுகள் உங்களை அனுமதிக்கின்றன. இதுவே கட்டுப்பாட்டின் உள்ளடக்கம் ஆகும். உதாரணமாக, தொடக்க மற்றும் இறுதி குறிச்சொற்களுக்கு இடையில் அதில் காட்டப்பட்டுள்ள உரையைக் குறிப்பிட அந்த பொத்தான் கட்டுப்பாடு உங்களை அனுமதிக்கிறது

<Button>A button</Button>

HTML எழுத்து வடிவுணர்வு அற்றது, ஆனால் XAML எழுத்து வடிவுணர்வுள்ளது , ஏனெனில் கட்டுப்பாட்டு பெயர் .NET கட்டமைப்பில் உள்ள ஒரு வகைக்கு ஒத்திருக்க வேண்டும். பண்புக்கூறு பெயர்களுக்கும் இது செல்கிறது, இது கட்டுப்பாட்டின் பண்புகளுக்கு ஒத்திருக்கிறது. குறிச்சொல்லுக்கு பண்புகளைச் சேர்ப்பதன் மூலம் ஓரிரு பண்புகளை வரையறுக்கும் ஒரு பொத்தான் இங்கே கொடுக்கப்பட்டுள்ளது:

<Button FontWeight="Bold" Content="A button" />

நாங்கள் எழுத்துரு பண்பை அமைத்து, தடித்த எழுத்தைக் கொடுத்து, பின்னர் உள்ளடக்கச் சொத்தை அமைத்துள்ளோம். தொடக்க மற்றும் இறுதி குறிச்சொல்லுக்கு இடையில் உரையை எழுதுவதற்கு இது சமம். இருப்பினும், ஒரு கட்டுப்பாட்டின் அனைத்து பண்புகளும் இதுபோன்று வரையறுக்கப்படலாம், அங்கு அவை Control-Dot-Property குறியீட்டைப் பயன்படுத்தி பிரதான கட்டுப்பாட்டின் குழந்தை குறிச்சொற்களாகத் தோன்றும்.

<Button>
    <Button.FontWeight>Bold</Button.FontWeight>
    <Button.Content>A button</Button.Content>
</Button>

இதன் விளைவாக மேலே உள்ளதைப் போலவே உள்ளது, எனவே இந்த விஷயத்தில், இது syntax பற்றியது மற்றும் வேறு ஒன்றும் இல்லை. இருப்பினும், நிறைய கட்டுப்பாடுகள் உரையைத் தவிர வேறு உள்ளடக்கத்தை அனுமதிக்கின்றன, உதாரணமாக பிற controls. பொத்தானின் உள்ளே பல டெக்ஸ்ட் பிளாக் கட்டுப்பாடுகளைப் பயன்படுத்துவதன் மூலம் ஒரே பொத்தானில் வெவ்வேறு வண்ணங்களில் உரை இருக்கும் ஒரு எடுத்துக்காட்டு கீழே உள்ளது :

<Button>
    <Button.FontWeight>Bold</Button.FontWeight>
    <Button.Content>
        <WrapPanel>
            <TextBlock Foreground="Blue">Multi</TextBlock>
            <TextBlock Foreground="Red">Color</TextBlock>
            <TextBlock>Button</TextBlock>
        </WrapPanel>
    </Button.Content>
</Button>

உள்ளடக்க property ஒரு குழந்தை உறுப்புக்கு மட்டுமே அனுமதிக்கிறது, எனவே உரையின் வெவ்வேறு வண்ணத் தொகுதிகளைக் கொண்டிருக்க WrapPanel ஐப் பயன்படுத்துகிறோம். WrapPanel போன்ற பேனல்கள் WPF இல் ஒரு முக்கிய பங்கைக் கொண்டுள்ளன, பின்னர் அவற்றைப் பற்றி மேலும் விவரங்களில் விவாதிப்போம் - இப்போதைக்கு, அவற்றை மற்ற கட்டுப்பாடுகளுக்கான கொள்கலன்களாகக் கருதுங்கள்.

அதே குறியீட்டை பின்வரும் markup மூலம் நிறைவேற்ற முடியும், இது இதை எழுதுவதற்கான மற்றொரு வழியாகும்:

<Button FontWeight="Bold">
    <WrapPanel>
        <TextBlock Foreground="Blue">Multi</TextBlock>
        <TextBlock Foreground="Red">Color</TextBlock>
        <TextBlock>Button</TextBlock>
    </WrapPanel>
</Button>

Code-ம் XAML-ம்

மேலே உள்ள எடுத்துக்காட்டுகள் XAML எழுத மிகவும் எளிதானது என்பதை உங்களுக்குக் காட்டுகின்றன. ஆனால் அதைச் செய்வதற்கான பல்வேறு வழிகளில், வெவ்வேறு வண்ணங்களில் உரையுடன் ஒரு பொத்தானைப் பெறுவதற்கு மேற்கண்ட எடுத்துக்காட்டு நிறைய markup என்று நீங்கள் நினைத்தால், அதை C# இல் செய்வதை ஒப்பிட்டுப் பாருங்கள்:

Button btn = new Button();
btn.FontWeight = FontWeights.Bold;

WrapPanel pnl = new WrapPanel();

TextBlock txt = new TextBlock();
txt.Text = "Multi";
txt.Foreground = Brushes.Blue;
pnl.Children.Add(txt);

txt = new TextBlock();
txt.Text = "Color";
txt.Foreground = Brushes.Red;
pnl.Children.Add(txt);

txt = new TextBlock();
txt.Text = "Button";
pnl.Children.Add(txt);

btn.Content = pnl;
pnlMain.Children.Add(btn);

நிச்சயமாக மேலேயுள்ள எடுத்துக்காட்டை சுருக்கமாக எழுதலாம். இடைமுகங்களை விவரிக்க XAML மிகவும் கச்சிதமானது மற்றும் சுருக்கமானது.