آموزش ساخت راهنما برای برنامه در اندروید
سلام دوستان در این سری از آموزش برنامه نویسی اندروید به آموزش ساخت راهنما برای برنامه در اندروید می پردازیم اگر دیده باشید برنامه های تاپسی و اسنپ از یک نوع آموزش برای آشنایی بهتر کاربر استفاده می کنند و در آن کارکرد کلی برنامه خود را به کاربر آموزش می دهد در ادامه می توانید پیش نمایشی از آن را مشاهده کنید با ما همراه باشید.
به خاطر بالا بودن حجم پیش نمایش از لینک زیر استفاده کنید.
لینک
برای اینکه از این کتاب خانه استفاده کنید مثل همیشه عمل می کنیم.
ابتدا وارد فایل Build.gradle از نوع Top Level شده سپس در بخش repositories خط زیر را اضافه کنید.
1 | maven { url "https://jitpack.io" } |
وارد فایل Build.gradle از نوع Module شده سپس در بخش dependencies خط زیر را اضافه کنید.
1 | compile 'com.github.faruktoptas:FancyShowCaseView:0.1.1' |
هم اکنون پروژه را sync کنید خطاهای احتمالی که ممکن است هنگام sync پروژه به وجود بیاید را قبلا بررسی کرده ایم در سایت واژه gradle را جستجو کنید.
ساده ترین شکل استفاده از آن همانند زیر است.
1 2 3 4 5 | new FancyShowCaseView.Builder(this) .focusOn(view) .title("Focus on View") .build() .show(); |
در بالا view می شود Object ما که می خواهید Focus بروی آن انجام شود.
ایجاد Focus گرد بروی هر Object
1 2 3 4 5 6 | new FancyShowCaseView.Builder(this) .focusOn(view) .title("Focus on View") .focusShape(FocusShape.ROUNDED_RECTANGLE) .build() .show(); |
اگر می خواید یک Focus سفارشی ایجاد کنید مثل زیر عمل کنید.
1 2 3 4 5 6 7 8 9 10 11 | new FancyShowCaseView.Builder(this) .focusOn(view) .focusCircleRadiusFactor(1.5) .title("Focus on View with larger circle") .titleStyle(0, Gravity.BOTTOM | Gravity.CENTER) .enterAnimation(enterAnimation) .exitAnimation(exitAnimation) .showOnce("fancy1") .backgroundColor(Color.parseColor("#CC00FF00")) .build() .show(); |
focusCircleRadiusFactor : اندازه گردی focus را تنظیم می کند.
titleStyle : مکان قرارگیری عنوان را تعیین می کند.
enterAnimation : برای استفاده از انیمیشن خاص هنگام ورود.
exitAnimation : برای استفاده از انیمیشن خاص هنگام خروج یا پایان انیمیشن.
برای اینکه در یک View خاص یا یک Layout خاص استفاده کنید مثل زیر عمل کنید.
1 2 3 4 | new FancyShowCaseView.Builder(this) .customView(R.layout.layout_my_custom_view, null) .build() .show(); |
برای اینکه چندین Focus به طور پشت سرم ایجاد شود کد زیر را استفاده کنید.
1 2 3 4 5 | new FancyShowCaseQueue() .add(fancyShowCaseView1) .add(fancyShowCaseView2) .add(fancyShowCaseView3) .show(); |
این آموزش هم به پایان رسید.
موفق و موید باشید.
با سلام و خسته نباشید
این کتابخانه که آموزش دادید قابلیت کاستوم فونت نداره یعنی نمیشه براش فونت سفارشی تعیین کرد.
کتابخانه دیگه ای هست به اسم SpotlightView به این آدرس:
https://github.com/wooplr/Spotlight
این کتابخانه قابلیت کاستوم قوی داره یعنی میشه فونت رو عوض کرد و خیلی از ویژگی های دیگه
اما متاسفانه مثال پیچیده ای گذاشتند
اگه براتون مقدوره لطفا آموزش اون کتابخانه رو بگذارید «مخصوصا نحوه نشون دادن چند show case پشت سر هم»
با سپاس فراوان
برای اینکه فونت رو لود کنید نیازی به داشت بخش سفارشی نیست کافی است از آموزش زیر استفاده کنید.
فونت بدون استفاده از کتاب خانه
http://programchi.ir/2017/08/08/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d9%81%d9%88%d9%86%d8%aa-%d8%af%d8%b1-%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d9%87-%d9%86%d9%88%db%8c%d8%b3%db%8c-%d8%a7%d9%86%d8%af%d8%b1%d9%88%db%8c%d8%af/
فونت با استفاده از کتاب خانه
http://programchi.ir/2017/04/16/%d8%a8%d8%a7%d8%b1%da%af%d8%b0%d8%a7%d8%b1%db%8c-%d9%81%d9%88%d9%86%d8%aa-%d8%af%d8%b1-%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d9%87-%d9%86%d9%88%db%8c%d8%b3%db%8c-%d8%a7%d9%86%d8%af%d8%b1%d9%88%db%8c%d8%af/
و آموزش Spotlight را نیز قرار میدم ولی minsdk آن برابر با 20 است .
موفق باشید.
سلام مرسی از آموزش خوبتون
ببخشید چطور میشه داخل (tab layout ها) و فرگمنت ها ازش استفاده کرد. به این خط، خطا میده
new FancyShowCaseView.Builder(this)
سلام خواهش می کنم.
به جای this باید از getActivity() استفاده کنید.
مرسی درست شد
فقط یک مشکل وجود دارد. من چند تا تب دارم که برای هر کدام از case view ، استفاده کردم. اما موقعی که از تب اول به تب دوم میروم، case view مربوط به تب سوم را نشان می دهد. و case view دومی را نشان نمی دهد
در کل case view ها را اشتباه نشان می دهد. در حالیکه آن را به درستی برای هر کدام، ایجاد کردم
به نظرتان مشکل چیست. خیلی ممنونم
سلام
خواهش می کنم
case view در فرگمنت مشکلی ندارد تست شده است بفرمایید از کدام caseview استفاده می کنید تا بررسی کنم.
متشکر. از همین fancy show case view استفاده می کنم.
به هر کدوم از تب ها، تایتل ۱ و ۲ و ۳ را داده ام. و در هنگام جا به جایی بین تب ها، case view ها به طور منظم نمایش داده نمی شوند.
سلام کد زیر را تست کنید یعنی final تعریف کنید مشکل حل میشه
موفق باشید.
خیلی ممنون
من توی mainactivity یه وب ویو دارم میخوام برای اون showcase درست کنم از کد زیر استفاده کردم
new FancyShowCaseView.Builder(this)
.customView(R.layout.layout_my_custom_view, null)
.build()
.show();
برای این که به وب ویو اشاره کنه باید چیکار کرد
برای وب ویو که کل صفحه را می گیرد فکر نکنم کار بکند از آموزش های مشابه سایت استفاده کنید.
موفق باشید.
سلام ممنون از سایت خوبتون و اموزش های خوبی که میزارین من چند تا show case پشت سر هم اضافه کردم هیچ ایرادی هم نداشته فقط وقتی زبان گوشی رو فارسی هست کل باتن های برنامه جابه جا میشه و تو زبان انگلیسی کاملا درست جای خودشون قرار میگیرن ممنون میشم راهنمایی کنید
سلام و درود در بخش AndroidManifest.xml خط زیر را اضافه یا تعییر دهید.
موفق باشید.
سلام ممنون از آموزش خوبتون
new FancyShowCaseQueue()
.add(fancyShowCaseView1)
.add(fancyShowCaseView2)
.add(fancyShowCaseView3)
.show();
وقتی اینو میزارم تو لیسینر و دوبار فراخونی بشه روی قبلیه اضافه میشه یعنی پررنگ تر میشه و replace نمیشه؟؟؟؟
فکر نمی کنم replace شود.
با سلام
من همه مراحل رو انجام دادم و کتابخانه رو هم اضافه کردم
اما این ارور رو داد :
Unknown entity : ‘FancyShowCaseView’
خواهشا جان هر کی دوست دارید کمک کنید
لطفا ??????