قبل از خواندن این مقاله، لطفاً مقاله زیر را مرور کنید.
با خواندن این مقاله می توانید نحوه استفاده از Editor Control در برنامه Xamarin.Forms برای اندروید و پلتفرم Universal Windows با XAML و Visual C# را بیاموزید.
ابزارهای مهم زیر برای توسعه UWP مورد نیاز است.
- ویندوز 10 (توصیه می شود)
- Visual Studio 2015 Community Edition (این یک نرم افزار رایگان است که به صورت آنلاین در دسترس است).
- با استفاده از Visual Studio 2015 Installer، Xamarin (Cross Platform Mobile Development) و C#/.NET را در حین نصب/تغییر Visual Studio 2015 فعال کنید.
اکنون میتوانیم در مورد توسعه گام به گام برنامه صحبت کنیم.
مرحله 1
Visual Studio 2015 را باز کنید. به Start -> New Project-> Cross-Platform (زیر Visual C# -> Blank App (Xamarin.Forms Portable) -> نام مناسب برای برنامه خود (XamFormEdit) -> OK را انتخاب کنید.
گام 2
نسخه هدف و حداقل پلتفرم را برای پروژه Universal Windows خود انتخاب کنید و پروژه "XamFormEdit_UWP" را ایجاد کنید.
مرحله 3
پس از آن، ویژوال استودیو شش پروژه ایجاد کرده و Getting Started.Xamarin Page را نمایش می دهد. اکنون، ما باید مرجع Xamarin.forms را برای پروژه قابل حمل و پروژه XamFormEdit_Droid به روز کنیم.
(لطفاً به نحوه ایجاد و استفاده از صفحه محتوای XAML در برنامه Xamarin Forms برای اندروید و پلتفرم ویندوز جهانی مراجعه کنید ).
مرحله 4 یک صفحه XAML را برای نسخه نمایشی Editor Control اضافه کنید. روی پروژه XamFormEdit (Portable) کلیک راست کنید، ADD-> NewItem را انتخاب کنید و ->CrossPlatform-> FormXamlPage-> نام مربوطه را انتخاب کنید.
مرحله 5
برچسب و برچسب کنترل ویرایشگر را در EditorDemo.xaml اضافه کنید.
- <StackLayout>
- <Label x:Name="lblTitle" Text="Editor Control in Xamarin Forms -Android and UWP Demo" Font="Large" HorizontalOptions="Center" VerticalOptions="CenterAndExpand" />
- <Editor HeightRequest="500" BackgroundColor="Yellow" Keyboard="Text"> </Editor>
- </StackLayout>