Xamarin.Android
Xamarin.Android - टूलबार कैसे बनाएं
खोज…
टिप्पणियों
प्रिय टीम,
मुझे लगता है कि आधिकारिक एंड्रॉइड प्रलेखन के बारे में उल्लेख करना अच्छा है जहां टूलबार नियंत्रण को विवरण में समझाया गया है:
https://developer.android.com/reference/android/support/v7/widget/Toolbar.html
नमूने में उपयोग की जाने वाली Android.Support.v7 लाइब्रेरी के बारे में भी रुचि है।
Xamarin.Android आवेदन में टूलबार जोड़ें
सबसे पहले आपको Nuamet के लिए Xamarin.Android.Support.V7.AppCompat लाइब्रेरी को जोड़ना होगा: https://www.nuget.org/packages/Xamarin.Android.Support.v7.AppCompat/
"संसाधन" के अंतर्गत "मान" फ़ोल्डर में "स्टाइल.एक्सएमएल" नामक नई xml फ़ाइल जोड़ें:
"style.xml" फ़ाइल में नीचे कोड होना चाहिए:
<?xml version="1.0" encoding="utf-8" ?>
<resources>
<style name="MyTheme" parent="MyTheme.Base">
</style>
<!-- Base theme applied no matter what API -->
<style name="MyTheme.Base" parent="Theme.AppCompat.Light.DarkActionBar">
<item name="windowNoTitle">true</item>
<!--We will be using the toolbar so no need to show ActionBar-->
<item name="windowActionBar">false</item>
<!-- Set theme colors from http://www.google.com/design/spec/style/color.html#color-color-palette-->
<!-- colorPrimary is used for the default action bar background -->
<item name="colorPrimary">#2196F3</item>
<!-- colorPrimaryDark is used for the status bar -->
<item name="colorPrimaryDark">#1976D2</item>
<!-- colorAccent is used as the default value for colorControlActivated
which is used to tint widgets -->
<item name="colorAccent">#FF4081</item>
<item name="colorControlHighlight">#FF4081</item>
<!-- You can also set colorControlNormal, colorControlActivated
colorControlHighlight and colorSwitchThumbNormal. -->
अगला कदम "toolbar.axml" फ़ाइल को जोड़ना है जिसमें "लेआउट" फ़ोल्डर में टूलबार नियंत्रण परिभाषा है:
टूलबार को परिभाषित करने के लिए नीचे कोड जोड़ें:
<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:minHeight="?attr/actionBarSize"
android:background="?attr/colorPrimary"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />
अब कृपया "Main.axml" फ़ाइल खोलें और पहले लेआउट के लिए बंद टैग के ठीक नीचे कोड जोड़ें। आपका कोड नीचे जैसा दिखना चाहिए:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<include android:id="@+id/toolbar" layout="@layout/toolbar" />
</LinearLayout>
अब आपको उस थीम के बारे में जानकारी डालनी है जिसका उपयोग आपका ऐप करता है। "AndroidManifest" फ़ाइल खोलें और "एप्लिकेशन" टैग में थीम जानकारी जोड़ें:
<application android:theme="@style/MyTheme" android:allowBackup="true" android:icon="@mipmap/icon" android:label="@string/app_name">
अंतिम चरण उपकरण पट्टी को गतिविधि फ़ाइल में कनेक्ट करना है। "MainActivity.cs" फ़ाइल खोलें। आपको व्युत्पत्ति को "गतिविधि" से "AppCompatActivity" में बदलना होगा। अब टूलबार का संदर्भ लें और इसे "ऑनक्रिएट" विधि में गतिविधि के लिए डिफ़ॉल्ट टूलबार के रूप में सेट करें। आप शीर्षक भी परिभाषित कर सकते हैं:
var toolbar = FindViewById<Android.Support.V7.Widget.Toolbar>(Resource.Id.toolbar);
SetSupportActionBar(toolbar);
SupportActionBar.Title = "Hello from Appcompat Toolbar";
संपूर्ण विधि नीचे की तरह दिखनी चाहिए:
protected override void OnCreate(Bundle savedInstanceState)
{
base.OnCreate(savedInstanceState);
SetContentView(Resource.Layout.Main);
var toolbar = FindViewById<Android.Support.V7.Widget.Toolbar>(Resource.Id.toolbar);
SetSupportActionBar(toolbar);
SupportActionBar.Title = "Hello from Appcompat Toolbar";
}
परियोजना का पुनर्निर्माण करें और परिणाम देखने के लिए इसे लॉन्च करें: