VS2017 Xamarin扫描二维码并跳转网页

来源：互联网发布：qq飞车f22猛禽性能数据编辑：程序博客网时间：2024/06/05 16:46

【本文章并非完全原创，是结合网上查询的各种资料来进行整合改造，成为可以使用的代码】
本文要实现的功能为，扫描一个二维码，读出扫描结果，如果结果中含有http://则会自动打开浏览器跳转页面。
内容为百度地址
（该二维码扫描内容为：http://www.baidu.com）
1、打开VS2017创建一个Android程序（这里就不赘述了）。
新建安卓应用
2、配置所需权限CAMERA

3、更改Main.axml文件，大概效果图如下：
页面预览图

axml代码如下：
【注意，如果完全直接复制我的代码可能无法运行，因为里面有图片，有自定义字段，需要自行修改】

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:background="#FFFFFF">    <LinearLayout        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:orientation="vertical">        <TextView            android:id="@+id/tv1"            android:text="养殖二维码产品追溯"            android:textSize="30px"            android:textColor="@color/black"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_marginTop="20px"            android:layout_marginBottom="8px"            android:layout_gravity="center_horizontal" />    </LinearLayout>    <View        android:layout_height="1px"        android:layout_width="match_parent"        android:background="#66CCFF" />    <LinearLayout        android:orientation="horizontal"        android:layout_height="wrap_content"        android:layout_width="match_parent"        android:layout_weight="1"        android:background="#00000000">        <LinearLayout            android:orientation="vertical"            android:layout_height="match_parent"            android:layout_width="match_parent"            android:layout_weight="1"            android:gravity="center">            <ImageButton                android:id="@+id/register"                android:src="@drawable/gxscxmcode"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:layout_gravity="center"                android:background="#00000000" />            <TextView                android:id="@+id/tv1"                android:text="追溯码查询"                android:textColor="@color/black"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:layout_marginTop="2px"                android:layout_marginBottom="2px"                android:layout_gravity="center_horizontal" />        </LinearLayout>        <LinearLayout            android:orientation="vertical"            android:layout_height="match_parent"            android:layout_width="match_parent"            android:layout_weight="1"            android:gravity="center">            <ImageButton                android:id="@+id/register"                android:src="@drawable/search128"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:layout_gravity="center"                android:background="#00000000" />            <TextView                android:id="@+id/tv1"                android:text="基础信息查询"                android:textColor="@color/black"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:layout_marginTop="2px"                android:layout_marginBottom="2px"                android:layout_gravity="center_horizontal" />        </LinearLayout>    </LinearLayout>    <LinearLayout        android:orientation="horizontal"        android:layout_height="wrap_content"        android:layout_width="match_parent"        android:layout_weight="1"        android:gravity="center"        android:background="#00000000">        <LinearLayout            android:orientation="vertical"            android:layout_height="match_parent"            android:layout_width="match_parent"            android:layout_weight="1">            <ImageButton                android:id="@+id/register"                android:src="@drawable/camera_128"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:layout_gravity="center"                android:background="#00000000" />            <TextView                android:id="@+id/tv1"                android:text="拍照取证"                android:textColor="@color/black"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:layout_marginTop="2px"                android:layout_marginBottom="2px"                android:layout_gravity="center_horizontal" />        </LinearLayout>        <LinearLayout            android:orientation="vertical"            android:layout_height="match_parent"            android:layout_width="match_parent"            android:layout_weight="1">            <ImageButton                android:id="@+id/register"                android:src="@drawable/information_128"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:layout_gravity="center"                android:background="#00000000" />            <TextView                android:id="@+id/tv1"                android:text="关于"                android:textColor="@color/black"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:layout_marginTop="2px"                android:layout_marginBottom="2px"                android:layout_gravity="center_horizontal" />        </LinearLayout>    </LinearLayout>    <View        android:layout_height="1px"        android:layout_width="match_parent"        android:background="#66CCFF" />    <LinearLayout        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:orientation="vertical"        android:background="#00000000">        <TextView            android:id="@+id/tv1"            android:text="V:1.0"            android:textColor="@color/black"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_marginTop="12px"            android:layout_marginBottom="2px"            android:layout_gravity="center_horizontal" />        <TextView            android:id="@+id/tv1"            android:text="云之彼端cbl"            android:textSize="30px"            android:textColor="@color/black"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_marginTop="2px"            android:layout_marginBottom="12px"            android:layout_gravity="center_horizontal" />    </LinearLayout></LinearLayout>

4、创建扫描界面

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical"    android:layout_width="match_parent"    android:layout_height="match_parent">    <Button        android:id="@+id/button_scan"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_gravity="center"        android:text="@string/button_scan" />    <TextView        android:id="@+id/barcode_format"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_gravity="center" />    <TextView        android:id="@+id/barcode_data"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_gravity="center" /></LinearLayout>

5、管理NuGet程序包
需要引用Zxing.Net.Mobile，原本我查询网上，按照他们的方式，发现调用后总是有问题。才发现这个版本需要一些依赖项的，除此之外，还必须先引用Xamarin.Android.Support.v4。
【注意：原本我的程序是参考了这个网址（但是没有实现我的效果）：http://designbased.net/2016/12/xamarin-android-qr-code-二维码扫描示例/】
需要安装的NuGet包

6、MainActivity.cs代码
主要功能为点击按钮，跳到扫描界面。

using Android.App;using Android.Widget;using Android.OS;namespace Gxscxm{    [Activity(Label = "产品追溯", MainLauncher = true, Icon = "@drawable/GxscxmCode")]    public class MainActivity : Activity    {        protected override void OnCreate(Bundle bundle)        {            base.OnCreate(bundle);            //不显示标题            this.RequestWindowFeature(Android.Views.WindowFeatures.NoTitle);            SetContentView(Resource.Layout.Main);            ImageButton btn = FindViewById<ImageButton>(Resource.Id.register);            btn.Click += Btn_Click;        }        private void Btn_Click(object sender, System.EventArgs e)        {            StartActivity(typeof(ScanActivity));        }    }}

7、创建ScanActivity.cs并写上代码

        private TextView _barcodeFormat, _barcodeData;        protected override void OnCreate(Bundle savedInstanceState)        {            base.OnCreate(savedInstanceState);            // Create your application here            SetContentView(Resource.Layout.scan);            //初始化扫描仪,不然会报错空引用            MobileBarcodeScanner.Initialize(Application);            _barcodeFormat = FindViewById<TextView>(Resource.Id.barcode_format);            _barcodeData = FindViewById<TextView>(Resource.Id.barcode_data);            var button = FindViewById<Button>(Resource.Id.button_scan);            button.Click += Button_Click;        }

异步扫描

        private async void Button_Click(object sender, EventArgs e)        {            try            {                var opts = new MobileBarcodeScanningOptions                {                    PossibleFormats = new List<BarcodeFormat>                    {                        BarcodeFormat.CODE_128,                        BarcodeFormat.EAN_13,                        BarcodeFormat.EAN_8,                        BarcodeFormat.QR_CODE                    }                };                opts.CharacterSet = "";                var scanner = new MobileBarcodeScanner();                //不使用自定义界面                scanner.UseCustomOverlay = false;                scanner.FlashButtonText = "识别";                scanner.CancelButtonText = "取消";                //设置上下提示文字                scanner.TopText = "请将条形码对准方框内";                scanner.BottomText = "确认后按下右下角识别按钮";                var result = await scanner.Scan(opts);                if (!string.IsNullOrEmpty(result.Text))                {                    ScanResultHandle(result);                    //若扫描结果包含https:// 或者 http:// 则跳转网页                    if (result.Text.Contains("https://") || result.Text.Contains("http://"))                    {                        Android.Net.Uri uri = Android.Net.Uri.Parse(result.Text);                        Intent intent = new Intent(Intent.ActionView, uri);                        StartActivity(intent);                        Finish();                    }                }                _barcodeFormat.Text = result?.BarcodeFormat.ToString() ?? string.Empty;                _barcodeData.Text = result?.Text ?? string.Empty;            }            catch (Exception ex)            {                throw ex;            }        }

        /// <summary>        /// 获取扫描结果的处理        /// </summary>        private void ScanResultHandle(ZXing.Result result)        {            string url = result.Text;            if (!string.IsNullOrEmpty(url))            {                _barcodeFormat.Text = "扫描结果" + result.Text;            }            else            {                _barcodeFormat.Text = "扫描取消";            }        }

至此，整个程序方可运行。
我这里选择的是真机调试，测试型号为：HTC D816w (Android 5.0 - API 21).以下为源码下载地址：

http://download.csdn.net/download/qq331059279/10032263

阅读全文

0 0