Использование ShowcaseView для целевого пункта меню панели действий
Я пытаюсь интегрировать ShowcaseView (v5.2.3) в приложение, но когда я пытаюсь настроить таргетинг на элемент меню панели действий, приложение вылетает с сообщением об исключительной ситуации во время выполнения " insertShowcaseViewWithType не может быть использован, если у темы нет ActionBar ". У действия абсолютно есть панель действий с пунктами меню. Это происходит как на Android v5.1.1, так и на v4.4.2
Трассировка стека от сбоя выглядит следующим образом...
java.lang.RuntimeException: insertShowcaseViewWithType cannot be used when the theme has no ActionBar
at com.github.amlcurran.showcaseview.targets.ActionBarReflector.getHomeButton(ActionBarReflector.java:43)
at com.github.amlcurran.showcaseview.targets.ActionBarReflector.getActionBarView(ActionBarReflector.java:36)
at com.github.amlcurran.showcaseview.targets.ActionItemTarget.setUp(ActionItemTarget.java:49)
at com.github.amlcurran.showcaseview.targets.ActionItemTarget.getPoint(ActionItemTarget.java:43)
at com.github.amlcurran.showcaseview.ShowcaseView$1.run(ShowcaseView.java:176)
at android.os.Handler.handleCallback(Handler.java:739)
at android.os.Handler.dispatchMessage(Handler.java:95)
at android.os.Looper.loop(Looper.java:135)
at android.app.ActivityThread.main(ActivityThread.java:5254)
at java.lang.reflect.Method.invoke(Native Method)
at java.lang.reflect.Method.invoke(Method.java:372)
at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:903)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:698)
Модуль приложения build.gradle выглядит следующим образом...
apply plugin: 'com.android.application'
android {
compileSdkVersion 23
buildToolsVersion "23.0.1"
defaultConfig {
applicationId "com.d60402.myappname"
minSdkVersion 15
targetSdkVersion 23
versionCode 1
versionName "1.0"
}
buildTypes {
release {
minifyEnabled false
proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
}
}
}
dependencies {
compile fileTree(dir: 'libs', include: ['*.jar'])
testCompile 'junit:junit:4.12'
compile 'com.android.support:appcompat-v7:23.1.0'
compile 'com.github.amlcurran.showcaseview:library:5.2.3'
}
Моя деятельность заключается в следующем...
package com.d60402.myappname;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Menu;
import com.github.amlcurran.showcaseview.ShowcaseView;
import com.github.amlcurran.showcaseview.targets.ActionItemTarget;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu
getMenuInflater().inflate(R.menu.main_menu, menu);
boolean ret = super.onCreateOptionsMenu(menu);
ActionItemTarget target = new ActionItemTarget(this, R.id.action_settings);
new ShowcaseView.Builder(this)
.setTarget(target)
.setContentTitle("Settings menu")
.setContentText("Tap here to view and set the app settings")
.hideOnTouchOutside()
.build();
return ret;
}
}
Main_menu.xml выглядит следующим образом...
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<item android:id="@+id/action_settings"
android:title="@string/action_settings"
android:orderInCategory="100"
app:showAsAction="always|withText"/>
</menu>
AndroidManifest.xml выглядит следующим образом...
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.d60402.myappname" >
<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:supportsRtl="true"
android:theme="@style/AppTheme" >
<activity android:name=".MainActivity" >
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>
И файл styles.xml выглядит следующим образом...
<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
</style>
</resources>
9 ответов
От разработчика ShowcaseView (amicurran)...
Как вы понимаете, в AppCompat нет API для получения ссылки на представление MenuItem, и поэтому этот вызов требует отражения. И в основном каждый раз, когда Google меняет AppCompat, это нарушает ShowcaseView.
У меня нет текущих планов поддержки нового AppCompat (из-за чего происходит этот сбой). Однако, если вы используете панель инструментов AppCompat, вы можете довольно легко продемонстрировать элемент на ней. См. Демонстрационную активность и новую цель для получения дополнительной информации.
Используйте этот код. Это работает для меня. Здесь "панель инструментов" - это идентификатор моей панели инструментов.
Target homeTarget = new Target() {
@Override
public Point getPoint() {
// Get approximate position of home icon's center
int actionBarSize = toolbar.getHeight();
int x = actionBarSize / 2;
int y = actionBarSize / 2;
return new Point(x, y);
}
};
new ShowcaseView.Builder(this)
.setContentTitle("Its My Navigation Drawer")
.setContentText("Click here and you will get options to navigate to other sections.")
.setTarget(homeTarget)
.build();
}
Проверьте в своем манифесте, там вы найдете тему noactionbar, примененную к текущей деятельности. так что попробуйте, надеюсь, это решит вашу проблему!
Target target = new ViewTarget(R.id.action_settings, this);
new ShowcaseView.Builder(this)
.setTarget(target)
.setContentTitle("Settings menu")
.setContentText("Tap here to view and set the app settings")
.hideOnTouchOutside()
.build();
Это работает для меня. Можешь попробовать
new Handler().postDelayed(new Runnable() {
@Override
public void run() {
if(toolbar.getMenu().size()==0){
return;
}
MenuItem item=toolbar.getMenu().getItem(0);
try {
// ViewTarget navigationButtonViewTarget = navigationButtonViewTarget(toolbar); use this for back or up button
new ShowcaseView.Builder(TrainRoute.this)
.withMaterialShowcase()
.setTarget(new ViewTarget(item.getItemId(),TrainRoute.this))
.setContentText("Here's how to highlight items on a toolbar")
.setStyle(R.style.CustomShowcaseTheme)
.build()
.show();
} catch (Exception e) {
e.printStackTrace();
}
}
},
1000);
Этот код работал для меня, но этот код - "счастливый путь" к моему проекту.
Вам нужно будет перебирать все элементы в режиме реального времени, чтобы проверить, сколько элементов отображается или скрывается в соответствии с вашим кодом или toolbar_size, чтобы получить правильную позицию ширины.
ShowCaseUtil.showForToolbar(getActivity(),
((MainActivity) getActivity()).toolbar, //instance of my toolbar
R.string.showcase_fragment_message,
menu.findItem(R.id.action_scan_barcode));
public static void showForToolbar(FragmentActivity activity, final Toolbar toolbar, int message, final MenuItem menuItem) {
Target homeTarget = new Target() {
@Override
public Point getPoint() {
int actionBarWidth = toolbar.getWidth();
int y = actionBarWidth - (menuItem.getIcon().getIntrinsicWidth() * menuItem.getOrder());
return new Point(y, toolbar.getHeight());
}
};
new ShowcaseView.Builder(activity)
.withMaterialShowcase()
.setStyle(R.style.CustomShowcaseTheme2)
.setTarget(homeTarget)
.setContentText(message)
.build()
.show();
}
Для Kotlin я добавил внутренний класс, как показано ниже, чтобы цель указывала на элементы нижнего меню навигации. Для меня в BottomNavigation было 5 пунктов меню.
navItemPositionв диапазоне от 0 до 4.
class ViewTargetPoint(
screenWidth: Int,
screenHeight: Int,
navItemPosition: Int,
midPointOfBottomNav: Int
) : Target {
var x: Int = 0
var y: Int = 0
init {
Log.e("TAG", "screenWidth px = $screenWidth")
Log.e("TAG", "screenHeight px = $screenHeight")
Log.e("TAG", "midPointOfBottomNav = $midPointOfBottomNav}")
x = (screenWidth / 10) + ((screenWidth / 5) * navItemPosition)
y = screenHeight - midPointOfBottomNav
Log.e("TAG", "Point X = $x")
Log.e("TAG", "Point Y = $y")
}
override fun getPoint(): Point {
Log.e("TAG", "Point X = $x")
Log.e("TAG", "Point Y = $y")
return Point(x, y)
}
}
targetPoint = ViewTargetPoint(screenWidth, screenHeight, navItemPosition, midPointOfBottomNav)
ShowcaseView.Builder(this)
.withMaterialShowcase()
.setTarget(targetPoint)
.setContentTitle("ShowcaseView 2")
.setContentText("This is highlighting the Some button")
.hideOnTouchOutside()
.setShowcaseEventListener(
object : SimpleShowcaseEventListener() {
override fun onShowcaseViewDidHide(showcaseView: ShowcaseView) {
Log.e("TAG", "onShowcaseViewDidHide 2")
}
}
)
.build()
public void startTourGuide() {
mToolbar.getViewTreeObserver().addOnDrawListener(new ViewTreeObserver.OnDrawListener() {
@Override
public void onDraw() {
if (!isFinishing()) {
if (prefs.getInt("guide_upload_sign_in_up", 0) == 0) {
final FancyShowCaseView fancyShowCaseViewVideo = new FancyShowCaseView.Builder(MainActivity.this)
.title("Upload Video, Sign In, Register...")
.focusBorderColor(getResources().getColor(R.color.color_primary))
.focusBorderSize(5)
.focusOn(findViewById(R.id.main_upload))
.build();
new FancyShowCaseQueue()
.add(fancyShowCaseViewVideo)
.show();
editor.putInt("guide_upload_sign_in_up", 1);
editor.apply();
}
}
}
});
}
Я получаю решение..... Код для Appcompat toolber
toolbar = (Toolbar) findViewById(R.id.department_name);
toolbar.setTitle(R.string.catagory_one);
toolbar.setSubtitle(getText(R.string.lwebsite));
toolbar.inflateMenu(R.menu.all_articles);// add this line catching menu items
setSupportActionBar(toolbar);
Затем используйте предпочитаемую библиотеку targetview. Я пишу здесь две разные библиотеки.
new MaterialTapTargetPrompt.Builder(CatagoryOne_HOME.this)//library link:https://github.com/sjwall/MaterialTapTargetPrompt
.setTarget(R.id.sync)//this is yours
.setPrimaryText("Send your first email")
.setSecondaryText("Tap the envelope to start composing your first email")
.show();
ViewTarget target = new ViewTarget(toolbar.findViewById(R.id.sync));//this is yours
new ShowcaseView.Builder(this)
.setContentTitle("Its My Navigation Drawer")
.setContentText("Click here and you will get options to navigate to other sections.")
.useDecorViewAsParent()
.setTarget(target)
.build();
Вот и все. Счастливое кодирование......
Используйте это так
new ShowcaseView.Builder(activity)
// .withMaterialShowcase()
// .setStyle(R.style.CustomShowcaseTheme3)
.setTarget(Target.NONE)
.setOnClickListener(this)
//.withMaterialShowcase()
.blockAllTouches()
.useDecorViewAsParent() //this is the difference
.build();
затем нацелить ваш взгляд в панели действий