带动画效果的简单Tips显示
2017-04-10 18:53
423 查看
项目地址:https://github.com/nhaarman/supertooltips
我比较懒,懒得以后重新写了,所以直接copy了。
用法:
大小: 89.2 KB
example.zip (1.4 MB)
下载次数: 94
查看图片附件
我比较懒,懒得以后重新写了,所以直接copy了。
用法:
package com.haarman.supertooltips; import android.app.Activity; import android.os.Bundle; import android.os.Handler; import android.view.LayoutInflater; import android.view.View; import com.mobovip.views.ToolTip; import com.mobovip.views.ToolTipRelativeLayout; import com.mobovip.views.ToolTipView; public class MainActivity extends Activity implements View.OnClickListener, ToolTipView.OnToolTipViewClickedListener { private ToolTipView mRedToolTipView; private ToolTipView mGreenToolTipView; private ToolTipView mBlueToolTipView; private ToolTipView mPurpleToolTipView; private ToolTipView mOrangeToolTipView; private ToolTipRelativeLayout mToolTipFrameLayout; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mToolTipFrameLayout = (ToolTipRelativeLayout) findViewById(R.id.activity_main_tooltipframelayout); findViewById(R.id.activity_main_redtv).setOnClickListener(MainActivity.this); findViewById(R.id.activity_main_greentv).setOnClickListener(MainActivity.this); findViewById(R.id.activity_main_bluetv).setOnClickListener(MainActivity.this); findViewById(R.id.activity_main_purpletv).setOnClickListener(MainActivity.this); findViewById(R.id.activity_main_orangetv).setOnClickListener(MainActivity.this); new Handler().postDelayed(new Runnable() { @Override public void run() { addRedToolTipView(); } }, 500); new Handler().postDelayed(new Runnable() { @Override public void run() { addGreenToolTipView(); } }, 700); new Handler().postDelayed(new Runnable() { @Override public void run() { addOrangeToolTipView(); } }, 900); new Handler().postDelayed(new Runnable() { @Override public void run() { addBlueToolTipView(); } }, 1100); new Handler().postDelayed(new Runnable() { @Override public void run() { addPurpleToolTipView(); } }, 1300); } private void addRedToolTipView() { mRedToolTipView = mToolTipFrameLayout.showToolTipForView( new ToolTip() .withText("A beautiful Button") .withColor(getResources().getColor(R.color.holo_red)) .withShadow(true), findViewById(R.id.activity_main_redtv)); mRedToolTipView.setOnToolTipViewClickedListener(MainActivity.this); } private void addGreenToolTipView() { mGreenToolTipView = mToolTipFrameLayout.showToolTipForView( new ToolTip() .withText("Another beautiful Button!") .withColor(getResources().getColor(R.color.holo_green)), findViewById(R.id.activity_main_greentv)); mGreenToolTipView.setOnToolTipViewClickedListener(MainActivity.this); } private void addBlueToolTipView() { mBlueToolTipView = mToolTipFrameLayout.showToolTipForView( new ToolTip() .withText("Moarrrr buttons!") .withColor(getResources().getColor(R.color.holo_blue)) .withAnimationType(ToolTip.ANIMATIONTYPE_FROMTOP), findViewById(R.id.activity_main_bluetv)); mBlueToolTipView.setOnToolTipViewClickedListener(MainActivity.this); } private void addPurpleToolTipView() { mPurpleToolTipView = mToolTipFrameLayout.showToolTipForView( new ToolTip() .withContentView(LayoutInflater.from(this).inflate(R.layout.custom_tooltip, null)) .withColor(getResources().getColor(R.color.holo_purple)), findViewById(R.id.activity_main_purpletv)); mPurpleToolTipView.setOnToolTipViewClickedListener(MainActivity.this); } private void addOrangeToolTipView() { mOrangeToolTipView = mToolTipFrameLayout.showToolTipForView( new ToolTip() .withText("Tap me!") .withColor(getResources().getColor(R.color.holo_orange)), findViewById(R.id.activity_main_orangetv)); mOrangeToolTipView.setOnToolTipViewClickedListener(MainActivity.this); } @Override public void onClick(View view) { switch (view.getId()) { case R.id.activity_main_redtv: if (mRedToolTipView == null) { addRedToolTipView(); } else { mRedToolTipView.remove(); mRedToolTipView = null; } break; case R.id.activity_main_greentv: if (mGreenToolTipView == null) { addGreenToolTipView(); } else { mGreenToolTipView.remove(); mGreenToolTipView = null; } break; case R.id.activity_main_bluetv: if (mBlueToolTipView == null) { addBlueToolTipView(); } else { mBlueToolTipView.remove(); mBlueToolTipView = null; } break; case R.id.activity_main_purpletv: if (mPurpleToolTipView == null) { addPurpleToolTipView(); } else { mPurpleToolTipView.remove(); mPurpleToolTipView = null; } break; case R.id.activity_main_orangetv: if (mOrangeToolTipView == null) { addOrangeToolTipView(); } else { mOrangeToolTipView.remove(); mOrangeToolTipView = null; } break; } } @Override public void onToolTipViewClicked(ToolTipView toolTipView) { if (mRedToolTipView == toolTipView) { mRedToolTipView = null; } else if (mGreenToolTipView == toolTipView) { mGreenToolTipView = null; } else if (mBlueToolTipView == toolTipView) { mBlueToolTipView = null; } else if (mPurpleToolTipView == toolTipView) { mPurpleToolTipView = null; } else if (mOrangeToolTipView == toolTipView) { mOrangeToolTipView = null; } } }
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:baselineAligned="false" tools:context=".MainActivity" > <Button android:id="@+id/activity_main_redtv" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/red" /> <Button android:id="@+id/activity_main_greentv" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:text="@string/green" /> <Button android:id="@+id/activity_main_bluetv" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:text="@string/blue" /> <Button android:id="@+id/activity_main_purpletv" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_alignParentRight="true" android:text="@string/purple" /> <Button android:id="@+id/activity_main_orangetv" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:text="@string/orange" /> <com.mobovip.views.ToolTipRelativeLayout android:id="@+id/activity_main_tooltipframelayout" android:layout_width="match_parent" android:layout_height="match_parent" /> </RelativeLayout>
大小: 89.2 KB
example.zip (1.4 MB)
下载次数: 94
查看图片附件
相关文章推荐
- 带动画效果的简单Tips显示
- JQ 简单动画显示隐藏效果
- Java之简单的图片动态显示(实现类似GIF动画效果)
- 纯CSS3进行hover时显示带箭头的tips提示动画效果
- 点击显示隐藏菜单,动画效果,半透明,支持所有浏览器
- 对话框由小到大显示的动画效果
- 窗口的动画显示效果
- 点击显示隐藏菜单,动画效果,半透明,支持所有浏览器
- dx雾特效,旋转的立方体,文字动画显示,底面简单演示
- 点击显示隐藏菜单,动画效果,半透明,支持所有浏览器
- wpf 炫彩动画效果简单实例
- 点击显示隐藏菜单,动画效果,半透明,支持所有浏览器
- 点击显示隐藏菜单,动画效果,半透明,支持所有浏览器
- iOS-实现简单的动画效果
- Visual C# 2005 - 利用程序代码制作简单动画效果
- 简单之极花费我n长时间的svg动画效果
- javascript简单的动画效果
- 原创:利用JS制作GIF动画图(及图片轮转显示效果)
- Android动画开发——Animation显示隐藏菜单效果
- Flex中如何创建一个自定义数据显示Tips的slider控件。鼠标按住滑标察看效果