Xamarin.Android
Xamarin.Android - Как создать панель инструментов
Поиск…
замечания
Дорогая команда,
Я думаю, что неплохо было бы упомянуть официальную документацию на Android, где подробно описано управление панелью:
https://developer.android.com/reference/android/support/v7/widget/Toolbar.html
Также есть интересный контент о библиотеке Android.Support.v7, используемой в примере:
Добавить панель инструментов в приложение Xamarin.Android
Во-первых, вам нужно добавить библиотеку Xamarin.Android.Support.V7.AppCompat для NuGet: https://www.nuget.org/packages/Xamarin.Android.Support.v7.AppCompat/
В папке «values» в разделе «Ресурсы» добавьте новый xml-файл под названием «styles.xml»:
Файл styles.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», содержащий определение элемента управления панели инструментов в папку «layout»:
Добавьте ниже код для определения панели инструментов:
<?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»:
<application android:theme="@style/MyTheme" android:allowBackup="true" android:icon="@mipmap/icon" android:label="@string/app_name">
Последний шаг - подключить панель инструментов в файле Activity. Откройте файл «MainActivity.cs». Вы должны изменить вывод из «Активность» в «AppCompatActivity». Теперь получите ссылку на панель инструментов и установите ее как панель инструментов по умолчанию для активности в методе «OnCreate». Вы также можете определить название:
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";
}
Перестройте проект и запустите его, чтобы увидеть результат: