رسم خط (Polyline) – کاتلین

مستندات جامع اندروید

نسخه 1.0.2

در این بخش از پروژه، هدف رسم یک خط بر روی نقشه است.

بخش‌هایی از این قسمت از پروژه که در قسمت‌های قبلی نیز بوده‌است، توضیح مجدد داده نخواهد شد. در صورت نیاز به صفحات قبلی مراجعه کنید.

activity_draw_line.xml:

تنها المان اضافه شده، یک ToggleButton است که در صورت کلیک بر روی آن، متد drawLine صدا زده می شود و در صورتی که دکمه به صورت فعال باشد خطی بر روی نقشه رسم می‌شود در غیر اینصورت خط از نقشه حذف خواهد شد.

            <?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".activity.DrawPolylineActivity">

    <org.neshan.mapsdk.MapView
        android:id="@+id/mapview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_constraintBaseline_toBottomOf="parent"
        app:layout_constraintBaseline_toTopOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintEnd_toStartOf="parent" />

    <ToggleButton
        android:id="@+id/draw"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/toggle_button_bg"
        android:padding="5dp"
        android:textOff="رسم خط"
        android:textOn="حذف خط"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>
        

DrawLineActivity.kt:

متد initLayoutRefrences جهت مقداردهی اولیه کردن به تمامی المان‌های مربوط به رابط کاربری نوشته شده‌است. به دلیل این که لازم است تا المان اندرویدی نقشه نشان ابتدا به طور کامل ایجاد شود و سپس با آن تعامل برقرار شود (متدهای مختلف بر روی المان نقشه اجرا شود)، تمامی متدهای مربوط به رابط کاربری باید در متد onStart انجام شوند.

            override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_draw_polyline)
    }

    override fun onStart() {
        super.onStart()
        // everything related to ui is initialized here
        initLayoutReferences()
    }
        

متد drawLine خطی را بر روی نقشه رسم می‌کند.

برای این منظور ابتدا یک <ArrayList<LatLng– که لیستی از نقاط جغرافیایی است – ساخته می‌شود و سپس نقاط مشخص کننده راس های خط به این لیست اضافه می‌شود.

با استفاده از لیست نقاط و استایل خط گرفته شده از متد getLineStyle ( که در ادامه توضیح داده خواهد شد ) یک PolyLine ساخته می‌شود. شی Polyline شامل مجموعه ای از رئوس و یک استایل است که تعریف کننده یک خط هستند.

شی ساخته شده با متد addPolyline به map اضافه می‌شود. با این کار، خط مورد نظر بر روی نقشه نمایش داده خواهد شد.

در نهایت دوربین بر روی نقطه ابتدای خط متمرکز می شود. بزرگنمایی دوربین برابر با ۱۴ است.

            // Drawing line on map
    public Polyline drawLine(View view){
        // Adding some LatLng points to a latLngs
        ArrayList<LatLng> latLngs = new ArrayList<>();
        latLngs.add(new LatLng(35.769368,51.327650));
        latLngs.add(new LatLng(35.756670,51.323889));
        latLngs.add(new LatLng(35.746670,51.383889));
        // Creating a line from LineGeom. here we use getLineStyle() method to define line styles
        Polyline polyline = new Polyline(latLngs, getLineStyle());
        // adding the created line to lineLayer, showing it on map
        map.addPolyline(polyline);
        // focusing camera on first point of drawn line
        map.moveCamera(new LatLng(35.769368,51.327650),0.25f);
        map.setZoom(14,0);
        return polyline;
    }
        

متد getLineStyle، استایل مورد نیاز برای خط‌هایی که قرار است رسم شوند را بر‌می‌گرداند. برای ایجاد style برای خطوط، ابتدا یک شی از کلاس LineStyleBuilder ساخته می‌شود. ویژگی‌های خطوط، از جمله رنگ و عرض خطوط، بر روی این شی set می‌شوند. برای تعریف رنگ، باید شی‌ای از نوع Color ساخته شود که پارامترهای آن شامل میزان رنگ قرمز، سبز، آبی و شفافیت رنگ است و شی ساخته شده به عنوان آرگومان ورودی به متد setColor داده شود.

پس از مشخص کردن ویژگی‌ها، با صدا زدن متد buildStyle بر روی شی مربوط به کلاس LineStyleBuilder یک شی از نوع LineStyle ایجاد می‌شود و این شی به عنوان خروجی تابع بازگردانده می‌شود.

            fun getLineStyle(): LineStyle {
        val lineStyleBuilder = LineStyleBuilder()
        lineStyleBuilder.color = Color(2, 119, 189, 190)
        lineStyleBuilder.width = 4f
        return lineStyleBuilder.buildStyle()
    }
        

حذف خط

همچنین با استفاده از شی polyline ساخته شده و متد removePolyline می توان خطوط رسم شده بر روی نقشه را بصورت زیر از روی نقشه حذف کرد:

            map.removePolyline(polyline)

        
فهرست مطالب این صفحه