हम मोनो एंड्रॉइड पर पहला एप्लिकेशन लिख रहे हैं

नमस्ते इस लेख में, मैं मोनो का उपयोग करके एंड्रॉइड मोबाइल प्लेटफॉर्म के लिए एप्लिकेशन बनाने और एक सरल उदाहरण लेने के लिए अपने अनुभव को साझा करना चाहूंगा।

मोनो एंड्रॉइड के साथ आरंभ करने के लिए आपको इंस्टॉल करना होगा:

• विजुअल स्टूडियो प्रोफेशनल और उससे अधिक या मोनोडेवलप 2.6 बीटा 1
• जावा एसडीके
• Android एसडीके
• विंडोज या मैक के लिए एंड्रॉइड प्लगइन के लिए मोनो

इसके अलावा, एक xml लेआउट बनाने के लिए (इसे मार्कअप कहते हैं) हमें ग्राफ़िकल टूल में से एक की आवश्यकता है। मैं DroidDraw का उपयोग करता हूं , लेकिन नेट पर कई विकल्प हैं। इसलिए हर कोई अपने स्वाद के लिए कुछ चुन सकता है।
उपरोक्त सभी को स्थापित करने के बाद, आपको एक (या कई) एंड्रॉइड डिवाइस एमुलेटर बनाने और कॉन्फ़िगर करने की आवश्यकता है। आप ऐसा तब भी कर सकते हैं जब आप पहली बार आवेदन शुरू करते हैं। मेरे उदाहरण में, मैं एंड्रॉइड संस्करण 2.1.1 के साथ एक एमुलेटर का उपयोग कर रहा हूं।
अब आप हमारा पहला मोनो एंड्रॉयड प्रोजेक्ट बना सकते हैं।

पहला मोनो एंड्रॉयड प्रोजेक्ट

एक नया प्रोजेक्ट बनाएं


और इसे MyFirstMonoAndroidApplication कहते हैं।


नए प्रोजेक्ट में कई तत्व शामिल हैं: एसेट्स एंड रिसोर्सेज डाइरेक्टरीज़ और एक्टिविटी 1 नामक एक वर्ग।
इस उदाहरण में परिसंपत्तियाँ प्रभावित नहीं होंगी। मैं शेष तत्वों पर थोड़ा और विस्तार से ध्यान देना चाहूंगा।
संसाधनों के साथ, सब कुछ काफी सरल है। ड्रॉएबल निर्देशिका एप्लिकेशन में उपयोग की जाने वाली छवियों को संग्रहीत करती है। लेआउट निर्देशिका में xml लेआउट का एक सेट होता है। और मान निर्देशिका में विभिन्न पूर्वनिर्धारित स्ट्रिंग मान संग्रहीत किए जाते हैं जिनका उपयोग हम अपने अनुप्रयोग में करते हैं।
एप्लिकेशन में उपयोग किए गए सभी संसाधनों को AndroidResource के रूप में गुणों में चिह्नित किया जाना चाहिए।
चलिए अपनी गतिविधि 1 कक्षा पर चलते हैं। जैसा कि आप देख सकते हैं, यह आधार वर्ग गतिविधि से विरासत में मिला है। एक गतिविधि क्या है? गतिविधि एक विशिष्ट कार्य है जो एक उपयोगकर्ता कर सकता है। लगभग सभी गतिविधि एक ग्राफिकल इंटरफ़ेस (xml मार्कअप) के माध्यम से उपयोगकर्ता के साथ बातचीत करते हैं।

SetContentView लाइन पर ध्यान दें (Resource.Layout.Main);
यह इस जगह पर है कि मार्कअप को लोड किया गया है और वर्तमान गतिविधि के लिए सेट किया गया है।
आइए गतिविधि के मार्कअप और कोड को थोड़ा बदल दें।
इसे दो बटन के साथ एक सरल रूप होने दें, जिनमें से प्रत्येक दूसरे गतिविधि के निष्पादन को संभालता है।

अंकन:

<? xml version ="1.0" encoding ="utf-8" ? >
< LinearLayout
android:layout_width ="fill_parent"
android:layout_height ="fill_parent"
xmlns:android ="http://schemas.android.com/apk/res/android"
android:orientation ="vertical" >
< Button
android:id ="@+id/FirstExample"
android:layout_width ="fill_parent"
android:layout_height ="wrap_content"
android:text ="First Example" ></ Button >
< Button
android:id ="@+id/SecondExample"
android:layout_width ="fill_parent"
android:layout_height ="wrap_content"
android:text ="Second Example" ></ Button >
</ LinearLayout >

* This source code was highlighted with Source Code Highlighter .

आवेदन का मुख्य वर्ग। यह वही है जो हम स्टार्टअप पर देखेंगे।

[Activity(Label = "My first mono android activity" , MainLauncher = true , Icon = "@drawable/icon" )]
public class MyMainActivity : Activity
{
protected override void OnCreate(Bundle bundle)
{
base .OnCreate(bundle);
SetContentView(Resource.Layout.Main);
Button firstExample = FindViewById<Button>(Resource.Id.FirstExample);
firstExample.Click += firstExample_Click;
Button secondExample = FindViewById<Button>(Resource.Id.SecondExample);
secondExample.Click += secondExample_Click;
}

void firstExample_Click( object sender, EventArgs e)
{
Intent titlesIntent = new Intent( this , typeof (TitlesListActivity));
StartActivity(titlesIntent);
}

void secondExample_Click( object sender, EventArgs e)
{
Intent friendlyListIntent = new Intent( this , typeof (MoreFriendlyRssFeedActivity));
StartActivity(friendlyListIntent);
}
}

* This source code was highlighted with Source Code Highlighter .

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

मैं कुछ सरल उदाहरणों को प्रदर्शित करना चाहूंगा जो आपको मोनो एंड्रॉइड सीखने में मदद कर सकते हैं। किसी भी प्रोग्रामर चेहरे की मुख्य चीजों में से एक है।
इसे आरएसएस फ़ीड से सुर्खियों की सूची बनने दें। आइए आरएसएस पढ़ने के लिए एक सरल वर्ग बनाएं।

public class RssReader
{
private const string _title = "title" ;
private const string _link = "link" ;
private const string _item = "item" ;
private const string _channel = "channel" ;

private static Func< XElement , RssListItem> GetTitlesAndLinksFunc = (x => new RssListItem { Title = x.Element(_title).Value, Link = x.Element(_link).Value });

public static IList<RssListItem> GetRssListItems( params string [] rssUris)
{
List <RssListItem> fullList = new List <RssListItem>();

IEnumerable < XElement > itemsFromConcreteIteration;
foreach ( string rssUri in rssUris)
{
itemsFromConcreteIteration = GetRssFeedChannel(rssUri).Elements(_item);
fullList.AddRange(itemsFromConcreteIteration.Select(GetTitlesAndLinksFunc));
}

return fullList;
}

public static IEnumerable < string > GetTitles( string rssUri)
{
IEnumerable < XElement > items = GetRssFeedChannel(rssUri).Elements(_item);
return items.Select(x => x.Element(_title).Value);
}

public static XElement GetRssFeedChannel( string rssUri)
{
XElement feed = XElement .Load(rssUri);
return feed.Element(_channel);
}
}

public class RssListItem
{
public string Title { get ; set ; }
public string Link { get ; set ; }
}

* This source code was highlighted with Source Code Highlighter .

अब इस सूची को TitlesListActivity नामक गतिविधि में प्रदर्शित करें।
ऐसा करने के लिए, हम ListActivity का उपयोग करेंगे, जिसका मुख्य (और केवल) उद्देश्य सूची प्रदर्शित करना है।
ध्यान दें कि इसे xml मार्कअप निर्दिष्ट करने और SetContentView को कॉल करने की आवश्यकता नहीं है।

[Activity(Label = "List" )]
public class TitlesListActivity : ListActivity
{
protected override void OnCreate(Bundle bundle)
{
base .OnCreate(bundle);

var titles = RssReader.GetTitles( "http://habrahabr.ru/rss/blogs/mono/" );
ListAdapter = new ArrayAdapter< string >( this , Android.Resource.Layout.SimpleListItem1, titles.ToArray());
}
}

* This source code was highlighted with Source Code Highlighter .

विशेष रुचि निम्नलिखित संसाधन है: Android.Resource.Layout.SimpleListItem1। यह पूर्वनिर्धारित संसाधनों में से एक है, जिसकी पूरी सूची (मार्कअप के साथ) यहां पाई जा सकती है ।

इसका मार्कअप:

< TextView xmlns:android ="http://schemas.android.com/apk/res/android"
android:id ="@android:id/text1"
android:layout_width ="fill_parent"
android:layout_height ="wrap_content"
android:textAppearance ="?android:attr/textAppearanceLarge"
android:gravity ="center_vertical"
android:paddingLeft ="6dip"
android:minHeight ="?android:attr/listPreferredItemHeight"
/>

* This source code was highlighted with Source Code Highlighter .

यह हमारे आवेदन को लॉन्च करने का समय है।


पहले बटन पर क्लिक करने से RSS फीड में प्रदर्शित हेडरों की सूची के साथ एक नई गतिविधि खुल जाती है।

बहुत बढ़िया! सब कुछ काम करता है, लेकिन, निश्चित रूप से, मैं कुछ और अधिक जटिल चाहता हूं।

आइए कार्य को जटिल करते हैं

सूची से विशिष्ट RSS फ़ीड का चयन करने की क्षमता जोड़ें और ब्राउज़र में फ़ीड से प्रविष्टि खोलें।
आरंभ करने के लिए, चलो संसाधनों के साथ थोड़ा काम करते हैं: ड्रॉबल डायरेक्टरी में मोनो और .NET लोगो के साथ दो चित्र जोड़ें (संसाधन के प्रकार को निर्दिष्ट करने के लिए मत भूलना!)। इसके अलावा Strings.xml फ़ाइल (मान निर्देशिका) में ड्रॉप-डाउन सूची के लिए मानों की एक सरणी जोड़ें:

<? xml version ="1.0" encoding ="utf-8" ? >
< resources >
< string name ="ApplicationName" > MyFirstMonoAndroidApplication </ string >
< string-array name ="frameworks" >
< item > Mono </ item >
< item > .Net </ item >
< item > Mono and .Net </ item >
</ string-array >
</ resources >

* This source code was highlighted with Source Code Highlighter .

अब आपको एक नया मार्कअप बनाने की आवश्यकता है MoreFriendlyRssFeed.xml

<? xml version ="1.0" encoding ="utf-8" ? >
< LinearLayout
android:layout_width ="fill_parent"
android:layout_height ="fill_parent"
xmlns:android ="http://schemas.android.com/apk/res/android"
android:orientation ="vertical" >
< Spinner
android:id ="@+id/FrameworkSelector"
android:layout_width ="fill_parent"
android:layout_height ="wrap_content" >
</ Spinner >
< ListView
android:id ="@+id/RssEntries"
android:layout_width ="fill_parent"
android:layout_height ="wrap_content" >
</ ListView >
</ LinearLayout >

* This source code was highlighted with Source Code Highlighter .

यह बहुत सरल है: सूची प्रदर्शित करने के लिए रिबन और सूची दृश्य का चयन करने के लिए स्पिनर। यह समझना महत्वपूर्ण है कि वर्तमान चरण में, वह सूची दृश्य (या बल्कि, उसके एडॉप्टर) के अंदर तत्वों को चिह्नित करने के बारे में कुछ भी नहीं जानता है। इस मार्कअप के आधार पर, हम कह सकते हैं कि सूची दृश्य केवल "कुछ" सूची प्रदर्शित करता है।

आपको सूची आइटम के लिए मार्कअप बनाने की भी आवश्यकता है। चलो इसे RssRow.xml कहते हैं। सूची के प्रत्येक तत्व को एक छवि और पाठ के साथ एक बटन शामिल करें - लेख का शीर्षक।

<? xml version ="1.0" encoding ="utf-8" ? >
< LinearLayout xmlns:android ="http://schemas.android.com/apk/res/android"
android:layout_width ="fill_parent"
android:layout_height ="wrap_content"
android:padding ="6dip" >
< ImageButton
android:id ="@+id/LogoButton"
android:layout_width ="wrap_content"
android:layout_height ="wrap_content"
android:src ="@drawable/mono" >
</ ImageButton >
< TextView
android:id ="@+id/Title"
android:layout_width ="wrap_content"
android:layout_height ="wrap_content" >
</ TextView >
</ LinearLayout >

* This source code was highlighted with Source Code Highlighter .

यह सबसे महत्वपूर्ण बात पर आगे बढ़ने का समय है: गतिविधि का कार्यान्वयन, जो हमारे सभी हिस्सों को एक साथ जोड़ देगा।

[Activity(Label = "Friendly List" )]
public class MoreFriendlyRssFeedActivity : Activity
{
protected override void OnCreate(Bundle bundle)
{
base .OnCreate(bundle);
SetContentView(Resource.Layout.MoreFriendlyRssFeed);

Spinner spinner = FindViewById<Spinner>(Resource.Id.FrameworkSelector);
spinner.ItemSelected += spinner_ItemSelected;
ArrayAdapter adapter = ArrayAdapter.CreateFromResource( this , Resource.Array.frameworks, Android.Resource.Layout.SimpleSpinnerItem);
adapter.SetDropDownViewResource(
Android.Resource.Layout.SimpleSpinnerDropDownItem);
spinner.Adapter = adapter;
}

void spinner_ItemSelected( object sender, ItemEventArgs e)
{}
}

* This source code was highlighted with Source Code Highlighter .

आइए एक और पूर्वनिर्धारित संसाधन Android.Resource.Layout.SimpleSpinnerItem पर ध्यान दें। सुविधा के लिए, मैं इसका मार्कअप भी दूंगा:

< TextView xmlns:android ="http://schemas.android.com/apk/res/android"
android:id ="@android:id/text1"
style ="?android:attr/spinnerItemStyle"
android:singleLine ="true"
android:layout_width ="fill_parent"
android:layout_height ="wrap_content" />

* This source code was highlighted with Source Code Highlighter .

किसी सूची में पाठ प्रदर्शित करने के लिए, ArrayAdapter वर्ग का उपयोग करें। अगर हमें कुछ अधिक जटिल प्रदर्शित करने की आवश्यकता है, तो हमें अपने स्वयं के वर्ग को लागू करने की आवश्यकता का सामना करना पड़ता है, ArrayAdapter से एक इनहेरीटर, जो गेटव्यू पद्धति को ओवरराइड करता है। डेटा को बाँधने और प्रदर्शित करने के लिए RssListItemAdapter वर्ग बनाएँ:

public class RssListItemAdapter: ArrayAdapter<RssListItem>
{
private IList <RssListItem> Items;

public RssListItemAdapter(Context context, int textViewResourceId, IList<RssListItem> items)
: base (context, textViewResourceId, items)
{
Items = items;
}

public override View GetView( int position, View convertView, ViewGroup parent)
{
View view = convertView;
if (view == null )
{
LayoutInflater inflater = (LayoutInflater)Context.GetSystemService(Context.LayoutInflaterService);
// , .
view = inflater.Inflate(Resource.Layout.RssRow, null );
}

//
RssListItem item = Items[position];

//
//
ImageButton btnLogo = (ImageButton)view.FindViewById(Resource.Id.LogoButton);
btnLogo.Click += delegate
{
Intent browserIntent = new Intent( "android.intent.action.VIEW" , Android.Net. Uri .Parse(item.Link));
Context.StartActivity(browserIntent);
};

// ( )
btnLogo.SetImageResource(item.Title.StartsWith( "Mono" ) ? Resource.Drawable.mono : Resource.Drawable.net);

//
TextView txtTitle = (TextView)view.FindViewById(Resource.Id.Title);
txtTitle.Text = item.Title;

//
return view;
}
}

* This source code was highlighted with Source Code Highlighter .

अब डेटा को सूची में बांधना और उसे उस रूप में प्रदर्शित करना संभव है, जिसकी हमें आवश्यकता है। हम सूची से आइटम का चयन करने के लिए ईवेंट हैंडलर में डेटा को बांधने की क्षमता जोड़ते हैं।

void spinner_ItemSelected( object sender, ItemEventArgs e)
{
ListView view = FindViewById<ListView>(Resource.Id.RssEntries);

switch (e.Position)
{
case 0:
view.Adapter = new RssListItemAdapter( this , Resource.Layout.RssRow, RssReader.GetRssListItems( "http://habrahabr.ru/rss/blogs/mono/" ));
break ;
case 1:
view.Adapter = new RssListItemAdapter( this , Resource.Layout.RssRow, RssReader.GetRssListItems( "http://habrahabr.ru/rss/blogs/net/" ));
break ;
case 2:
view.Adapter = new RssListItemAdapter( this , Resource.Layout.RssRow, RssReader.GetRssListItems( "http://habrahabr.ru/rss/blogs/mono/" , "http://habrahabr.ru/rss/blogs/net/" ));
break ;
}
}

* This source code was highlighted with Source Code Highlighter .

एप्लिकेशन चलाएं और दूसरा उदाहरण खोलें। अब हमारे पास RSS फ़ीड्स (या फ़ीड्स का एक सेट) का चयन करने की क्षमता है।


हमारी सूची इस तरह दिखाई देगी:


जब आप शीर्षक के बगल वाले बटन पर क्लिक करेंगे, तो ब्राउज़र में संबंधित लेख खुल जाएगा।

Android डिवाइस पर एप्लिकेशन चलाना

बिंदु छोटा है: एक विशिष्ट एंड्रॉइड डिवाइस पर एप्लिकेशन चलाएं। यदि हम अभी ऐसा करने का प्रयास करते हैं, तो एपीके (एंड्रॉइड पैकेज) फ़ाइल बनाने की कोशिश करते समय हमें एक त्रुटि मिलेगी। मैं यह भी बताना चाहूंगा कि मोनो एंड्रॉइड का परीक्षण संस्करण आपको एमुलेटर पर केवल एप्लिकेशन चलाने की अनुमति देता है। सौभाग्य से, मेरे संस्करण का अब परीक्षण नहीं हुआ है, इसलिए मैं उदाहरण को इसके तार्किक निष्कर्ष पर ला सकता हूं।
स्थापना पैकेज की सही असेंबली के लिए, आपको AndroidManifest.xml बनाना होगा। इस फ़ाइल में एप्लिकेशन के बारे में महत्वपूर्ण जानकारी है, जिसके बिना डिवाइस पर एप्लिकेशन लॉन्च करना असंभव है।

प्रोजेक्ट गुणों के माध्यम से AndroidManifest.xml बनाना संभव है:


लेकिन इसे अपने हाथों से लिखना अधिक दिलचस्प होगा:

<? xml version ="1.0" encoding ="utf-8" ? >
< manifest xmlns:android ="http://schemas.android.com/apk/res/android" package ="First.MonoApp" android:versionCode ="1" android:versionName ="1.0" >
< application android:label ="MyMonoApp" >
</ application >
< uses-sdk android:minSdkVersion ="4" />
< uses-permission android:name ="android.permission.INTERNET" />
</ manifest >

* This source code was highlighted with Source Code Highlighter .

अब आप एपीके फाइल जमा कर सकते हैं। बिल्ड -> Android के लिए पैकेज MyFirstMonoAndroidApplication (.apk)
इसे अपने Android डिवाइस पर कॉपी करें और लॉन्च करें। स्थापना के दौरान, एक चेतावनी प्रदर्शित की जाएगी:
इस एप्लिकेशन को इसकी अनुमति दें: इंटरनेट तक पूर्ण पहुंच।
यही है, स्थापना से पहले उपयोगकर्ता को सभी आवश्यक आवश्यकताएं दिखाई जाएंगी। हम पुष्टि करते हैं, हम स्थापना के पूरा होने की प्रतीक्षा कर रहे हैं। और ...


आपका ध्यान देने के लिए धन्यवाद।

एप्लिकेशन स्रोत कोड से लिंक करें