در این مقاله، نحوه ایجاد اشکال گرافیکی Polygon در یک برنامه Xamarin را خواهیم آموخت. برای ساخت این برنامه، نیاز به استفاده از Visual Studio 2015 خواهید داشت.

گام1- از مسیر File-->  New-->  Project یک پروژه جدید ایجاد کنید . 

گام 2- سپس یک Blank App انتخاب کنید، برای برنامه خودتان ، یک نام و محل ذخیره سازی دلخواه انتخاب کنید. 

گام 3

سپس به مسیر Resource-->Layout بروید و در فایل main.axml همه کدهای مربوط به دکمه را پاک کنید. سپس به فایل MainActivity.cs بروید و کدهای مربوط به دکمه را از این محل، نیز پاک کنید. 

گام 4

در این مرحله باید یک کلاس به نام FilledPolygon.cs به پروژه اضافه کنیم. 

به مسیر Solution Explorer-->Resource-->Right Click-->Add-->New Item  بروید و یک کلاس با نامی که ذکر کردیم، به پروژه اضافه کنید. 

گام 5

کدهای زیر را در کلاسی که ساخته اید، وارد نمایید. 

    namespace polygon {  
        using Android.Content;  
        using Android.Graphics;  
        using Android.Views;  
        class FilledPolygon: View {}  
    }  

گام 6

در این مرحله، کدهای زیر را در صفحه ی FilledPolygon.cs وارد نمایید. 

    class FilledPolygon: View {  
        private readonly PointF[] _points = new [] {  
            new PointF(100, 100),  
                new PointF(200, 200),  
                new PointF(200, 500),  
                new PointF(600, 600),  
                new PointF(400, 200),  
                new PointF(100, 100)  
        };  
        public FilledPolygon(Context context): base(context) {}  
        protected override void OnDraw(Canvas canvas) {  
            base.OnDraw(canvas);  
            var path = new Path();  
            path.MoveTo(_points[0].X, _points[0].Y);  
            for (var i = 1; i < _points.Length; i++) {  
                path.LineTo(_points[i].X, _points[i].Y);  
            }  
            var paint = new Paint {  
                Color = Color.White  
            };  
            paint.SetStyle(Paint.Style.Fill);  
            canvas.DrawPath(path, paint);  
        }  
    }  

سپس به فایل MainActivity.cs بروید. می خواهیم کد contentview  را در داخل متد OnCreate() مطابق شکل زیر وارد نماییم. 

    namespace polygon {  
        using Android.App;  
        using Android.OS;  
        using Android.Widget;  
        [Activity(Label = "polygon", MainLauncher = true, Icon = "@drawable/icon")]  
        public class MainActivity: Activity {  
            protected override void OnCreate(Bundle bundle) {  
                base.OnCreate(bundle);  
                // Set our view from the "main" layout resource  
                SetContentView(Resource.Layout.Main);  
                SetContentView(new FilledPolygon(this));  
            }  
        }  
    }  

حالا برنامه به درستی ساخته شده است. می توانید از برنامه اجرا بگیرید تا خروجی آن را ببینید. 

دوره های آموزشی زامارین 

دوره برنامه نویسی اندروید با سی شارپ ( Xamarin )

آموزش متریال دیزاین در زامارین

آموزش Xamarin Forms

دوره Xamarin Form پیشرفته