Xamarin Android 使用 ImageView实现帮助引导功能
工厂要求编写一个小系统，最后领导要求在程序界面上增加一个帮助功能，可以显示出每个按钮的作用，我在网上找了很多的资料，不过好像Xamarin平台的资料不多，而且可以第三方例库也没有找到太好用的，就开始自己想，以下就是程序实现：
class Guider:ImageView
{
Context context;
Bitmap BackgroudBitmap;
Bitmap RefreshBitmap;
private View[] ViewList;
private int GuiderCount;
private int CurrentGuider;
private string[] OPDescription;
private double TextLineLimit = 20;
private int DrscriptionTextSize=80;
private IOnGuiderErrorListener mListener;
public Guider(Context context, View[] viewList, string[] opDescription,IOnGuiderErrorListener mListener) : base(context)
{
this.context = context;
this.mListener = mListener;
this.OPDescription = opDescription;
this.ViewList = viewList;
this.GuiderCount = viewList.Length-1;
CurrentGuider = 0;
this.LayoutParameters = new FrameLayout.LayoutParams(ViewGroup.LayoutParams.MatchParent, ViewGroup.LayoutParams.MatchParent);
this.SetScaleType(ScaleType.FitXy);
}
///
/// 初始化加载视图
///
///
/// 显示Gudier
///
public bool ShowGudier()
{
try
{
if (!InitGuiderBitmap()) { return false; }
if (CurrentGuider < 0 || CurrentGuider > GuiderCount) { return false; }
Bitmap bitmap = BackgroudBitmap.Copy(Bitmap.Config.Alpha8, true);
SetImageBitmap(bitmap);
return true;
}
catch (System.Exception ex)
{
mListener.ErrorMessage("ShowGuider,"+ex.Message);
CurrentGuider = -1;
return false;
}
}
///
/// 重绘事件
///
///
protected override void OnDraw(Canvas canvas)
{
//base.Draw(canvas);
//在指定控件周围画出方框
bool Result= DrawRectBitmap(canvas);
if (!Result) { return; }
//在指定控件的周围画出描述信息
Result=DrawDescriptionBitmap(canvas);
if (!Result) { return; }
//在指定位置画出点击继续的提醒
Result = DrawRefreshBitmap(canvas);
if (!Result) { return; }
CurrentGuider += 1;
}
///
/// 在指定控件周围画出方框
///
///
///
/// 在指定控件的周围画出描述信息
///
///
///
/// 在指定位置画出点击继续的提醒
///
///
///
/// 销毁进程
///
///
protected override void Dispose(bool disposing)
{
if (BackgroudBitmap != null) { BackgroudBitmap.Recycle(); BackgroudBitmap.Dispose(); BackgroudBitmap = null; }
if (RefreshBitmap != null) { RefreshBitmap.Recycle(); RefreshBitmap.Dispose(); RefreshBitmap = null; }
base.Dispose(disposing);
}
public interface IOnGuiderErrorListener
{
void ErrorMessage(string s);
}
} 以下为主程序调用：
[Activity(Label = "App11", MainLauncher = true, Icon = "@mipmap/icon", Theme = "@android:style/Theme.Material.Light.NoActionBar.Fullscreen")]
public class MainActivity : Activity
{
int count = 1;
Guider guider;
protected override void OnCreate(Bundle savedInstanceState)
{
base.OnCreate(savedInstanceState);
// Set our view from the "main" layout resource
SetContentView(Resource.Layout.Main);
// Get our button from the layout resource,
// and attach an event to it
Button button = FindViewById以上为主程序布局图：
这个帮助引导界面会自动在需要写的VIEW周围生成一个矩形框，在下面会写出功能描述。
不过这个程序还很粗糙，暂时不能在引导界面中动态显示动画，只能显示静态的文字描述。