चरण-दर-चरण ट्विटर क्लाइंट के उदाहरण का उपयोग करके मॉडल-व्यू-व्यूमॉडल डिज़ाइन पैटर्न का उपयोग करके विकास

परिचय

लेख MVVM और WPF के साथ काम करने के लिए समर्पित है। यह ट्विटर क्लाइंट डेवलपमेंट प्रक्रिया का वर्णन करता है। विकास प्रक्रिया चरणों में टूट गई है। प्रत्येक चरण के अंत में, समानांतर में एप्लिकेशन लिखने वाले पाठक के पास एक काम करने वाला एप्लिकेशन होना चाहिए। प्रत्येक बाद के चरण में पिछले चरण में जो लिखा गया था, उसके लिए कुछ कार्यक्षमता जोड़ता है। इस्तेमाल की गई थर्डपार्टी लाइब्रेरी TweetSharp । स्रोत कोड का लिंक, साथ ही मूल लेख, अंग्रेजी में मेरे द्वारा लिखा गया है, यहां पाया जा सकता है ।

लेख WPF विकास में शुरुआती के लिए है। लेकिन यह माना जाता है कि पाठक को WPF के साथ कुछ प्रारंभिक अनुभव है, विशेष रूप से, डेटा बाइंडिंग में महारत हासिल है।

मैं नहीं लिखूंगा कि आपको MVVM का उपयोग करने की आवश्यकता क्यों है - मुझे लगता है कि यह जोश स्मिथ द्वारा "मॉडल-व्यू-प्रेजेंटेशन मॉडल के साथ WPF एप्लीकेशन" लेख में अच्छी तरह से लिखा गया है। यदि आप इस लेख को नहीं पढ़ना चाहते हैं - तो बस मेरा विश्वास कीजिए - WPF के मामले में गलत तरीके से डिज़ाइन किया गया GUI एक बड़े सिरदर्द में बदल जाता है।

ग्राहक ट्विटर प्रारंभिक विश्लेषण

अपने ग्राहक के डिज़ाइन को बनाने के लिए आगे बढ़ने से पहले, आइए कुछ मौजूदा क्लाइंट के GUI पर एक नज़र डालते हैं, यह समझने के लिए कि उपयोगकर्ता को क्या कार्यक्षमता प्रदान करनी चाहिए:



उपयोगकर्ता पृष्ठ के शीर्ष पर कई टैब का उपयोग करता है - हाल ही में, उत्तर, उपयोगकर्ता, और इसी तरह। चयनित बुकमार्क के आधार पर मुख्य विंडो स्थान में विभिन्न जानकारी प्रदर्शित की जाती है। उदाहरण के लिए, जब आप हाल ही में क्लिक करते हैं, तो आपकी सदस्यता के नवीनतम ट्वीट दिखाए जाते हैं, और जब आप मुख्य विंडो में संदेश क्लिक करते हैं, तो आपके सीधे संदेश दिखाई देंगे।

थोड़ा और सोचने के बाद, हम समझते हैं कि TabControl का उपयोग करना उचित है।

संक्षेप में MVVM के बारे में

मैं एक उदाहरण से शुरू करता हूँ। मान लीजिए कि आपको एक UserControl लिखना है जो ट्वीट प्रदर्शित करेगा। आप UserControl जोड़ें पर क्लिक करें, आवश्यक नियंत्रणों को xaml में फेंक दें। इसके बाद, आप पीछे कोड में एक संपत्ति बनाएंगे, जहां आप ट्वीट स्टोर करेंगे। फिर एक घटना हैंडलर जोड़ने के पीछे एक ही कोड में - उदाहरण के लिए, एक ट्वीट में UserPicture पर क्लिक करना। सामान्य तौर पर, सब कुछ वैसा ही है जैसे कि आप पिछली पीढ़ी की तकनीकों जैसे WinForms का उपयोग करके यह नियंत्रण कर रहे थे। आइए इस नियंत्रण पर करीब से नज़र डालें - इसमें उपयोगकर्ता को दिखाई देने वाले भाग का विवरण है - उन xaml। और पीछे एक कोड भी है।

अब मान लीजिए कि आपको पहला फीचर अनुरोध मिला - उपयोगकर्ता अन्य ट्वीट प्रदर्शित करना चाहता था, लेकिन उसी सटीक नियंत्रण में। आप या तो पीछे कोड में उपयुक्त ध्वज बना सकते हैं या, यदि आप सॉफ़्टवेयर डिज़ाइन में अधिक परिष्कृत हैं, तो आप GoF की रणनीति का उपयोग करेंगे। कुछ समय बाद, दूसरा फीचर अनुरोध आता है - प्रत्येक ट्वीट में उपयोगकर्ता के लिए बहुत अधिक अनावश्यक जानकारी होती है और आपको अपने नियंत्रण के लिए एक नया रूप देने की आवश्यकता होती है, लेकिन साथ ही साथ पुराने उपयोगकर्ताओं को रोकना नहीं चाहते हैं और पुराने वित्तीय प्रतिनिधित्व के साथ काम करने का अवसर छोड़ते हैं। और इसी तरह - आवश्यकताएं नई हो रही हैं, आप उन्हें लागू करने के लिए विभिन्न ट्रिक्स और सरल समाधानों का उपयोग करते हैं।

इसे रोको! आइए समय पर वापस जाएं - उस स्थिति पर जब केवल एक नियंत्रण था। क्या होगा यदि हम कोड को पीछे और नियंत्रण वर्ग को स्वयं फैलाएं? वे सार को दो में विभाजित करते हैं। एक जिसे व्यू कहा जाता है - यह वह है जो उपयोगकर्ता देखता है, वे उपयोगकर्ताकोन्ट्रोल से विरासत में प्राप्त वर्ग हैं। और दूसरा नाम ViewModel है - ये सीधे डेटा है जो दृश्य के माध्यम से उपयोगकर्ता को दिखाया गया है, साथ ही साथ ईवेंट हैंडलर फ़ंक्शन, जैसे अवतार पर क्लिक करने से संबंधित है। तब पहली सुविधा अनुरोध को हल करना आसान होगा - आप सिर्फ एक ViewModel लिखें और पुराने दृश्य को मैप करें। पहला फीचर अनुरोध भी हल करना आसान होगा - आप अलग-अलग View को एक ViewModel में मैप कर सकते हैं। अच्छा विचार है, आप सोचते हैं।

लेकिन View और ViewModel के बीच संबंध कैसे बनाएं? इसके लिए, डेटा बाइंडिंग का उपयोग किया जाता है - WPF में एक प्रमुख उपकरण। आप एक तरह से देखें या किसी अन्य का उपयोग करें जो DataContext का उपयोग करें, उन्हें बताएं कि डेटा कहां से प्राप्त करना है, और फिर आप डेटा को लगभग उसी तरह से बांधेंगे जैसे कि कोड के साथ मामले में। मैं जानबूझकर तकनीकी विवरणों को यहां छोड़ देता हूं - उन्हें आगे बताया जाएगा।

यह MVVM का उपयोग करते हुए लिखे गए एप्लिकेशन के लिए एक विशिष्ट वर्ग आरेख है:



व्यू क्लासेस हैं, वे ViewModel के डेटा का उपयोग करते हैं, लेकिन मॉडल के बारे में कुछ भी नहीं जानते हैं (हमारे मामले में, मॉडल TweetSharp लाइब्रेरी में लागू किया गया है)। ViewModel, बदले में, यह नहीं जानता कि कौन सा दृश्य उनका उपयोग करता है, लेकिन वे मॉडल से जानकारी ले सकते हैं।

आमतौर पर कुछ मुख्य View और ViewModel भी होते हैं जो बाकी View और ViewModel को एकत्रित करते हैं।

चरण 1. आवेदन फ्रेमवर्क

सबसे पहले, TabControl के साथ केवल एक TabItem युक्त एप्लिकेशन बनाएं - हाल ही में। हम MVVM के अनुसार कार्य करेंगे।

आइए एक नया WPF एप्लिकेशन बनाएं। MainWindow विंडो में, TabControl जोड़ें:



<TabControl Height="400"

HorizontalAlignment="Left"

Name="Tabs"

VerticalAlignment="Top" Width="300">

/>









यह विंडो व्यू का मुख्य तत्व होगा। यह अन्य सभी तत्वों (tabItems) को प्रदर्शित करेगा। यह संबंधित ViewModel वर्ग के अनुरूप होना चाहिए, जो इसके क्षेत्र में मुख्य होगा। यह इसमें है, और मेनविंडो के कोड में पीछे नहीं है, कि हम डेटा को स्टोर करेंगे और ईवेंट हैंडलर फ़ंक्शन का वर्णन करेंगे। एक नया सार्वजनिक वर्ग बनाएं SimpleTwitterClientViewModel। इसे अभी खाली होने दें। अब हमें विंडो क्लास को यह बताने की जरूरत है कि डेटा को पीछे नहीं, बल्कि SimpleTwitterClientViewModel में देखें। जिन्हें हमें DataContext सेट करना होगा। ऐसा करने के लिए, ViewModel फ़ील्ड को कोड के पीछे जोड़ें, नाम संपत्ति को विंडो में जोड़ें, और DataCotte को परिभाषित करें:

<Window x:Class="SimpleTwitterClient.MainWindow"

x:Name="MainWindowInstance"

xmlns:view="clr-namespace:SimpleTwitterClient.View"

xmlns:viewModel="clr-namespace:SimpleTwitterClient.ViewModel"

DataContext="{BindingViewModel,ElementName=MainWindowInstance}">







public partial class MainWindow : Window

{

private SimpleTwitterClientViewModel _viewModel;



public SimpleTwitterClientViewModel ViewModel

{

get { return _viewModel; }

set { _viewModel = value; }

}



public MainWindow()

{

_viewModel = new SimpleTwitterClientViewModel();

InitializeComponent();

}

}





अब हाल के दृश्य और ViewModel बनाएँ। हाल ही का दृश्य - यह सिर्फ खाली कोड के साथ UserControl होगा। खाली TabItem से इसे अलग करने के लिए इसमें कुछ नियंत्रण जोड़ें। हाल का दृश्यमॉडल इसे खाली रहने दें।

SimpleTwitterClientViewModel वह वर्ग होगा जो हमारे TabItems के लिए ViewModel को संग्रहीत करेगा। अभी तक हमारे पास केवल हाल है। तो चलिए यह कोड लिखते हैं:

public class SimpleTwitterClientViewModel

{

RecentViewModel _recentPage = new RecentViewModel();



public RecentViewModel RecentPage

{

get { return _recentPage; }

set { _recentPage = value; }

}

}





यदि हम अपना एप्लिकेशन अभी लॉन्च करते हैं, तो हम देखेंगे कि अब तक कुछ भी नहीं बदला है। हाल ही में प्रदर्शित करने के लिए आपको हमारे TabItem को भी बताना होगा। यह कैसे करना है? यहाँ एक सूक्ष्म लेकिन महत्वपूर्ण बिंदु है - सबसे पहले, हमें कंटेंट को हाल ही में सेट करने की आवश्यकता है:

/>





दूसरे, आपको ViewModel से View तक एक दृश्य बनाने की आवश्यकता है। वे कोड जो यह जांचते हैं कि यदि TabItem की सामग्री हाल ही में ViewModel है, तो हाल के दृश्य को प्रदर्शित करने की आवश्यकता है। यहाँ कोड है:

<Window.Resources>

<DataTemplateDataType="{x:TypeviewModel:RecentViewModel}">

<view:RecentView />







</Window.Resources>

इन सभी कार्यों के परिणामस्वरूप, हमारे पास एक ऐसा आवेदन है:



ऐसी मुश्किलें क्यों? यह केवल शुरुआत है, फिर जब आवेदन अधिक जटिल हो जाता है, तो आप MVVM के लाभों की सराहना करेंगे।

चरण 2. पहला ट्वीट

हमारे हालिया पेज को डेटा, उन नवीनतम ट्वीट्स से भरें। इसके लिए हम TweetSharp लाइब्रेरी का उपयोग करेंगे। इसे विधानसभाओं की सूची में जोड़ें।

ट्विटर एपीआई के साथ हमारे आवेदन का उपयोग करने के लिए, आपको धोखाधड़ी की एक श्रृंखला बनाने की आवश्यकता है।

1. ConsumerKey और ConsumerSecret। Http://dev.twitter.com/ लिंक पर जाएं और रजिस्टर पर क्लिक करें। उसके बाद, आपके आवेदन के बारे में जानकारी वाला एक पृष्ठ दिखाई देगा, वहां से ConsumerKey और ConsumerSecret ले जाएं और उन्हें सेटिंग्स में सहेजें।

2. पिन (oauth_verifier)। जब आपका एप्लिकेशन पहली बार लॉन्च किया जाता है, तो उसे सर्वर को ConsumerSecret और ConsumerKey युक्त अनुरोध भेजना चाहिए:

FluentTwitter.SetClientInfo(

new TwitterClientInfo

{

ConsumerKey = Settings.Default.ConsumerKey,

ConsumerSecret = Settings.Default.ConsumerSecret

});



var twit = FluentTwitter.CreateRequest().Authentication.GetRequestToken();



var response = twit.Request();



var RequestToken = response.AsToken();

twit = twit.Authentication.AuthorizeDesktop(RequestToken.Token);





अंतिम पंक्ति डिफ़ॉल्ट रूप से आपके ब्राउज़र को खोलेगी। इस बारे में एक प्रश्न होगा कि क्या एप्लिकेशन को सेवा का उपयोग करने की अनुमति दी जाए, अनुमति दें पर क्लिक करें और एप्लिकेशन संवाद बॉक्स में पिन दर्ज करें। मैं इस डायल को getPinFromUser विधि में कॉल करता हूं:

string verifier = getPinFromUser();





3. एस्कोटोकन। अब एक अनुरोध भेजें जिसमें ConsumerKey, ConsumerSecret और Pin हों। सेवा एक AccessToken लौटेगी जिसका उपयोग भविष्य में किया जाएगा:

twit.Authentication.GetAccessToken(RequestToken.Token, verifier);

var response2 = twit.Request();





4. अपने AccessToken को रिफ्रेश करें। कुछ समय बाद, सेवा AccessToken को अपडेट करने के लिए कह सकती है।



मॉडल फ़ोल्डर में OAuthHandler वर्ग जोड़ें। वहां UserControl AskPinFromUserDialog जोड़ें। और अपने आवेदन के संसाधनों में, जब आपने अपना आवेदन पंजीकृत किया, ट्विटर से प्राप्त ConsumerKey, ConsumerSecret को जोड़ें। वहाँ OauthInfoFileName जोड़ें जिसमें हमारे एप्लिकेशन के लिए कॉन्फ़िगरेशन फ़ाइल का पथ लिखें। ट्विटर से प्राप्त कुंजियों को वहां संग्रहीत किया जाएगा। बहुत सुरक्षित नहीं है, लेकिन सरल है। अंत में, मुख्य ViewModel में इस वर्ग की एक वस्तु जोड़ें:

Model.OAuthHandler _oauthHandler = newModel.OAuthHandler();





अब आप हाल ही के पेजेज से शुरुआत कर सकते हैं। आरंभ करने के लिए, हाल केपेज क्लास में एक ट्वीट स्टोरेज कंटेनर जोड़ें:



public ObservableCollection Tweets

{

get; set;

}



ObservableCollection, - List View, .

. - _oauthHandler ViewModel. RecentViewModel, _oauthHandler .

, _oauthHandler , .

. LoadTweets RecentViewModel:

public void LoadTweets()

{

TwitterResult response = FluentTwitter

.CreateRequest()

.AuthenticateWith(

Settings.Default.ConsumerKey,

Settings.Default.ConsumerSecret,

Model.OAuthHandler.Token,

Model.OAuthHandler.TokenSecret)

.Statuses()

.OnHomeTimeline().AsJson().Request());



var statuses = response.AsStatuses();

foreach (TwitterStatus status in statuses)

{

Tweets.Add(status);

}

}







RecentViewModel:

public RecentViewModel(Model.OAuthHandleroauthHandler)

{

_oauthHandler = oauthHandler;

Tweets = newObservableCollection();

LoadTweets();

}



ListBox :

<ListBoxx:Name="RecentTweetList"

ItemsSource="{Binding Path=Tweets}"

IsSynchronizedWithCurrentItem="True"/>







, TweetStatus.ToString(). , ListBox , TweetStatus. , , DataTemplate UserControl.Resources. DataTemplate , TweetStatus. , TweetStatus Text, Binding Path=Text.

DataTemplate:



<DataTemplate x:Key="TweetItemTemplate">

<Grid x:Name="TTGrid">

<Grid.RowDefinitions>

/>

/>

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

/>

/>

/>

</Grid.ColumnDefinitions>

<Image Source="{Binding Path=User.ProfileImageUrl}"

Name="UserAvatarImage" />

<TextBlock

Name="ScreenNameTextBlock"

Text="{Binding Path=User.ScreenName}"

Grid.Row="1"Grid.ColumnSpan="2"/>

<TextBlock

Text="{Binding Path=Text}"

TextWrapping="Wrap"Grid.Column="1"Grid.ColumnSpan="2" />



















अब घोषित DataTemplate का उपयोग करने के लिए हमारी सूची बॉक्स को बताएं:

ItemTemplate="{StaticResourceTweetItemTemplate}"





हमारे आवेदन को अब कुछ इस तरह दिखना चाहिए:

चरण 3. नए पृष्ठ

हाल का टैब आपके द्वारा अनुसरण किए गए अंतिम ट्वीट्स को प्रदर्शित करता है, साथ ही साथ आपके स्वयं के ट्वीट भी। TweetSharp के संदर्भ में, यह HomeTimeline है। लेकिन ये सभी ट्वीट नहीं हैं जो आपकी रुचि हो सकते हैं। यदि आप TwitterStatusesExtensions क्लास पर चलते हैं, जिसमें OnHomeTimeline पद्धति घोषित की गई है, तो आप अन्य विधियों को विभिन्न मानदंडों द्वारा समूहीकृत ट्वीट्स की सूची वापस करते हुए देखेंगे: OnFriendsTimeline, OnListTimeline, REMByMe ...

एक पेज बनाएं जिसमें आपके द्वारा अनुसरण किए जा रहे उपयोगकर्ताओं का रीट्वीट होगा। हाल ही में बनाने के समान, एक रिट्रीव्यू व्यूकोड बनाएँ। मैं उनके कोड का विस्तार से वर्णन नहीं करूंगा, पाठक को एक अभ्यास के रूप में छोड़ दें। आप यह भी देखें लिखने के लिए लगता है? हम्म, लेकिन हाल और रिटर्न्स में प्रदर्शित जानकारी संरचनात्मक रूप से समान है। MVVM और WPF कॉपी-पास्ट को कम करते हैं - इस मामले में वे अभी तक रिट्वीट्स व्यू के बारे में नहीं सोचते हैं। चरण 3 के अंत में, आप देखेंगे कि यह अनावश्यक है।

अब हमें मुख्य ViewModel में RetweetsViewModel वर्ग की एक वस्तु को जोड़ने की आवश्यकता है। यदि हमारे पास केवल दो पृष्ठ हैं, तो यह एक सामान्य समाधान है। लेकिन हम कई पेज बनाना चाहते हैं। तो यह समाधान सबसे अच्छा नहीं है। मुख्य ViewModel में विभिन्न ViewModel के साथ एक कंटेनर को स्टोर करना बेहतर है। हम देखते हैं कि RetweetsViewModel हाल ही केViewModel के समान है और आप आसानी से क्लास से एक्सट्रैक्ट इंटरफेस का उपयोग कर सकते हैं। हम OauthHandler को गुणों में भी बनाते हैं और हम इसे कंस्ट्रक्टर में शुरू नहीं करेंगे, लेकिन हम इसे बेस क्लास में करेंगे। IPageBase इंटरफ़ेस को कॉल करें:



public interface IPageBase

{

void LoadTweets();

ObservableCollection Tweets { get; set; }

}





ViewModel:

ObservableCollection _pages;



public ObservableCollection Pages

{

get { return _pages; }

set { _pages = value; }

}



public SimpleTwitterClientViewModel()

{

_pages = new ObservableCollection();

_pages.Add(new RecentViewModel());

_pages.Add(new RetweetsViewModel());

foreach (var page in _pages)

{

page.LoadTweets();

}

}



View DataTemplate RetweetsPage. TabItem – tabItem ViewModel RecentPage:

/>





TabItems Pages. TabControl ItemsSource. Pages TabItems – Pages. – TabItems Header. header TabItems? Name IPageBase. -. , TabItem Header:



<TabControlName="Tabs"

ItemsSource="{Binding Pages}">

<TabControl.ItemContainerStyle>



</TabControl.ItemContainerStyle>









– RetweetsViewModel View. RetweetsView. RecentView! MVVM!

<DataTemplateDataType="{x:TypeviewModel:RetweetsViewModel}">

<view:RecentView />









. :



DataTemplate – ViewModel .

– follower & following.



4. ICommand

, . MVVM – OnMouseClick. . , . TextBox , :



code behind – EnterTweetTextBox.Text. MVVM . ViewModel , Send. , .

, EnterTweetTextBox . SimpleTwitterClientViewModel – Message. Text:

<TextBoxName="EnterTweetTextBox"

Text="{BindingMessage}"/>







SendTweet SimpleTwitterClientViewModel:

private void SendTweet()

{

var twitter = FluentTwitter.CreateRequest();

twitter.AuthenticateWith(

Settings.Default.ConsumerKey,

Settings.Default.ConsumerSecret,

OAuthHandler.Token,

OAuthHandler.TokenSecret);

twitter.Statuses().Update(Message);



var response = twitter.Request();

//you can verify the response here

}







– ? – Button Command, . ICommand. SendMessage, , . ? – -adapter ICommand. Josh Smith:

internal class RelayCommand : ICommand

{

#region Fields



readonly Action _execute;

readonly Func _canExecute;



#endregion



#region Constructors



public RelayCommand(Action execute)

: this(execute, null)

{

}



public RelayCommand(Action execute, Func canExecute)

{

if (execute == null)

throw new ArgumentNullException("execute");



_execute = execute;

_canExecute = canExecute;

}



#endregion // Constructors



#region ICommand Members



[DebuggerStepThrough]

public bool CanExecute(object parameter)

{

return _canExecute == null ? true : _canExecute();

}



public event EventHandler CanExecuteChanged

{

add

{

if (_canExecute != null)

CommandManager.RequerySuggested += value;

}

remove

{

if (_canExecute != null)

CommandManager.RequerySuggested -= value;

}

}



public void Execute(object parameter)

{

_execute();

}



#endregion // ICommand Members

}



RelayCoommand ICommand. , SendTweet ICommand:

RelayCommand _sendCommand;

public ICommand SendCommand

{

get

{

if (_sendCommand == null)

{

_sendCommand = new RelayCommand(() => this.SendTweet());

}

return _sendCommand;

}

}







, SendButton , SendCommand:

<Button Name="SendTweetButton"

Command="{Binding SendCommand}"/>





, ? :



, – .

, feature: userpicture, TabItem . TabItem , .













public interface IPageBase

{

void LoadTweets();

ObservableCollection Tweets { get; set; }

}





ViewModel:

ObservableCollection _pages;



public ObservableCollection Pages

{

get { return _pages; }

set { _pages = value; }

}



public SimpleTwitterClientViewModel()

{

_pages = new ObservableCollection();

_pages.Add(new RecentViewModel());

_pages.Add(new RetweetsViewModel());

foreach (var page in _pages)

{

page.LoadTweets();

}

}



View DataTemplate RetweetsPage. TabItem – tabItem ViewModel RecentPage:

/>





TabItems Pages. TabControl ItemsSource. Pages TabItems – Pages. – TabItems Header. header TabItems? Name IPageBase. -. , TabItem Header:



<TabControlName="Tabs"

ItemsSource="{Binding Pages}">

<TabControl.ItemContainerStyle>



</TabControl.ItemContainerStyle>









– RetweetsViewModel View. RetweetsView. RecentView! MVVM!

<DataTemplateDataType="{x:TypeviewModel:RetweetsViewModel}">

<view:RecentView />









. :



DataTemplate – ViewModel .

– follower & following.



4. ICommand

, . MVVM – OnMouseClick. . , . TextBox , :



code behind – EnterTweetTextBox.Text. MVVM . ViewModel , Send. , .

, EnterTweetTextBox . SimpleTwitterClientViewModel – Message. Text:

<TextBoxName="EnterTweetTextBox"

Text="{BindingMessage}"/>







SendTweet SimpleTwitterClientViewModel:

private void SendTweet()

{

var twitter = FluentTwitter.CreateRequest();

twitter.AuthenticateWith(

Settings.Default.ConsumerKey,

Settings.Default.ConsumerSecret,

OAuthHandler.Token,

OAuthHandler.TokenSecret);

twitter.Statuses().Update(Message);



var response = twitter.Request();

//you can verify the response here

}







– ? – Button Command, . ICommand. SendMessage, , . ? – -adapter ICommand. Josh Smith:

internal class RelayCommand : ICommand

{

#region Fields



readonly Action _execute;

readonly Func _canExecute;



#endregion



#region Constructors



public RelayCommand(Action execute)

: this(execute, null)

{

}



public RelayCommand(Action execute, Func canExecute)

{

if (execute == null)

throw new ArgumentNullException("execute");



_execute = execute;

_canExecute = canExecute;

}



#endregion // Constructors



#region ICommand Members



[DebuggerStepThrough]

public bool CanExecute(object parameter)

{

return _canExecute == null ? true : _canExecute();

}



public event EventHandler CanExecuteChanged

{

add

{

if (_canExecute != null)

CommandManager.RequerySuggested += value;

}

remove

{

if (_canExecute != null)

CommandManager.RequerySuggested -= value;

}

}



public void Execute(object parameter)

{

_execute();

}



#endregion // ICommand Members

}



RelayCoommand ICommand. , SendTweet ICommand:

RelayCommand _sendCommand;

public ICommand SendCommand

{

get

{

if (_sendCommand == null)

{

_sendCommand = new RelayCommand(() => this.SendTweet());

}

return _sendCommand;

}

}







, SendButton , SendCommand:

<Button Name="SendTweetButton"

Command="{Binding SendCommand}"/>





, ? :



, – .

, feature: userpicture, TabItem . TabItem , .













public interface IPageBase

{

void LoadTweets();

ObservableCollection Tweets { get; set; }

}





ViewModel:

ObservableCollection _pages;



public ObservableCollection Pages

{

get { return _pages; }

set { _pages = value; }

}



public SimpleTwitterClientViewModel()

{

_pages = new ObservableCollection();

_pages.Add(new RecentViewModel());

_pages.Add(new RetweetsViewModel());

foreach (var page in _pages)

{

page.LoadTweets();

}

}



View DataTemplate RetweetsPage. TabItem – tabItem ViewModel RecentPage:

/>





TabItems Pages. TabControl ItemsSource. Pages TabItems – Pages. – TabItems Header. header TabItems? Name IPageBase. -. , TabItem Header:



<TabControlName="Tabs"

ItemsSource="{Binding Pages}">

<TabControl.ItemContainerStyle>



</TabControl.ItemContainerStyle>









– RetweetsViewModel View. RetweetsView. RecentView! MVVM!

<DataTemplateDataType="{x:TypeviewModel:RetweetsViewModel}">

<view:RecentView />









. :



DataTemplate – ViewModel .

– follower & following.



4. ICommand

, . MVVM – OnMouseClick. . , . TextBox , :



code behind – EnterTweetTextBox.Text. MVVM . ViewModel , Send. , .

, EnterTweetTextBox . SimpleTwitterClientViewModel – Message. Text:

<TextBoxName="EnterTweetTextBox"

Text="{BindingMessage}"/>







SendTweet SimpleTwitterClientViewModel:

private void SendTweet()

{

var twitter = FluentTwitter.CreateRequest();

twitter.AuthenticateWith(

Settings.Default.ConsumerKey,

Settings.Default.ConsumerSecret,

OAuthHandler.Token,

OAuthHandler.TokenSecret);

twitter.Statuses().Update(Message);



var response = twitter.Request();

//you can verify the response here

}







– ? – Button Command, . ICommand. SendMessage, , . ? – -adapter ICommand. Josh Smith:

internal class RelayCommand : ICommand

{

#region Fields



readonly Action _execute;

readonly Func _canExecute;



#endregion



#region Constructors



public RelayCommand(Action execute)

: this(execute, null)

{

}



public RelayCommand(Action execute, Func canExecute)

{

if (execute == null)

throw new ArgumentNullException("execute");



_execute = execute;

_canExecute = canExecute;

}



#endregion // Constructors



#region ICommand Members



[DebuggerStepThrough]

public bool CanExecute(object parameter)

{

return _canExecute == null ? true : _canExecute();

}



public event EventHandler CanExecuteChanged

{

add

{

if (_canExecute != null)

CommandManager.RequerySuggested += value;

}

remove

{

if (_canExecute != null)

CommandManager.RequerySuggested -= value;

}

}



public void Execute(object parameter)

{

_execute();

}



#endregion // ICommand Members

}



RelayCoommand ICommand. , SendTweet ICommand:

RelayCommand _sendCommand;

public ICommand SendCommand

{

get

{

if (_sendCommand == null)

{

_sendCommand = new RelayCommand(() => this.SendTweet());

}

return _sendCommand;

}

}







, SendButton , SendCommand:

<Button Name="SendTweetButton"

Command="{Binding SendCommand}"/>





, ? :



, – .

, feature: userpicture, TabItem . TabItem , .