安卓混合开发ionic插件整理

最新推荐文章于 2024-01-09 14:28:38 发布
最新推荐文章于 2024-01-09 14:28:38 发布
阅读量738 收藏
点赞数
分类专栏： 安卓移动开发 html 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhangzibin1992/article/details/108791535
版权

导入angular的脚手架

ng add ng-zorro-antd

 

图表命令：npm install echarts --save

npm install ngx-echarts --save

 

arcgis地图包：

npm install angular2-esri-loader esri-loader

首先导入地图包：npm install esir-loader,按照angular加载地图的方式加载即可。

<div id="map" style="height: 100%;width: 100%;z-index: 1;">

</div>

 

 

loadCss('http://hhigh.ufyct.com:10001/arcApi/3.9/js/dojo/dijit/themes/tundra/tundra.css');
loadCss('http://hhigh.ufyct.com:10001/arcApi/3.9/js/esri/css/esri.css');
setDefaultOptions({
    url: 'http://hhigh.ufyct.com:10001/arcApi/3.9/init.js'});

 

 

ngOnInit(): void {
    loadModules(['esri/map',
        'esri/layers/ArcGISTiledMapServiceLayer',
        'esri/geometry/Point',
        'esri/SpatialReference',
        'esri/layers/GraphicsLayer',
        'esri/symbols/PictureMarkerSymbol',
        'esri/InfoTemplate',
        'esri/graphic'
    ]).then(([Map,
                   ArcGISTiledMapServiceLayer,
                   Point,
                   SpatialReference,
                   GraphicsLayer,
                   PictureMarkerSymbol,
                   InfoTemplate,
                   Graphic
               ]) => {
            // create map with the given options at a DOM node w/ id 'mapNode'
            const basemap = new ArcGISTiledMapServiceLayer('http://218.94.6.92:6080/arcgis/rest/services/jssl_vector_L3_L17/MapServer');
            const map = new Map('map', {
                zoom : 7,
                logo : false
            });
            map.addLayer(basemap);
            map.centerAt(new Point(118.975941, 31.353283, new SpatialReference ({ wkid: 4490})));
            const PointGraphicLayer = new GraphicsLayer();
            map.addLayer(PointGraphicLayer);
            for (const poj of this.mappoint) {
                const pt = new Point(poj.lon, poj.lat, new SpatialReference ({ wkid: 4490}));
                let symbol = '';
                if (poj.type === '1') {
                    symbol = new PictureMarkerSymbol('../../../../assets/img/ic_cheng.png', 15, 15);
                } else if (poj.type === '2') {
                    symbol = new PictureMarkerSymbol('../../../../assets/img/ic_cheng.png', 15, 15);
                } else if (poj.type === '3') {
                    symbol = new PictureMarkerSymbol('../../../../assets/img/ic_cheng.png', 15, 15);
                }
                const infoTemplate = new InfoTemplate(poj.name, '工程名称：--<br>行政主观部门：--<br>所属类别：水库 <br>工程状态：在建 ');
                const graphic = new Graphic(pt, symbol, null, infoTemplate);
                PointGraphicLayer.add(graphic);
            }
        })
        .catch(err => {
            // handle any script or module loading errors
            console.error(err);
        });
}
showhide(flag): void {
    if (flag === 1) {
        this.isActive = true;
    } else {
        this.isActive = false;
    }
}

 

预览：

 

 

  1. 轮播图

<ion-slides #slide1 [options]="slidesOpts" >
    <ion-slide *ngFor="let item of slidesItems">
        <img src="{{item.img}}" class="slide-image">
    </ion-slide>
</ion-slides>

 

public slidesOpts = {
    //轮播图属性
    speed: 500, autoplay: {
        delay: 1000, disableOnInteraction: false
        //这个属性很关键，拖动完自动播放
    },
    loop: true, zoom: false,
};

 

  1. 水平和纵向滚动字幕

<!--滚动方向 direction 4个值 up down left right  默认从右向左-->
<marquee direction="left">滚动字幕</marquee>

 

参考：https://blog.csdn.net/qq_42281978/article/details/99840434

 

  1. 上拉加载

<ion-content>
    <ion-list>
        <ion-item *ngFor="let item of list">
            <ion-label>{{item}}</ion-label>
        </ion-item>
    </ion-list>
    <ion-infinite-scroll threshold="10%" (ionInfinite)="loadData($event)">
        <ion-infinite-scroll-content loadingSpinner="crescent"
                                     loadingText="Loading more data..."></ion-infinite-scroll-content>
    </ion-infinite-scroll>
</ion-content>

 

 

list: any[] = [];

constructor() {
    for (let i = 0; i < 16; i++) {
        this.list.push(`这是第${i}条数据`);
    }
}

loadData(event) {
    setTimeout(() => {
        for (let i = 0; i < 10; i++) {
            this.list.push(`这是第${i}条数据--服务器获取`);
        }
        event.target.complete();
        // 告诉ion-infinite-scroll数据已经更新完成 不加这句话的话会卡死
        // 禁用
        if (this.list.length > 40) {
            event.target.disabled = true;
        }
    }, 1000);
}

 

 

 

 

  1. 下拉刷新

 

<ion-content>
    <ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)">
        <ion-refresher-content pullingIcon="arrow-dropdown" pullingText="加载中..." refreshingSpinner="circles"
                               refreshingText="Refreshing..."></ion-refresher-content>
    </ion-refresher>
    <ion-list>
        <ion-item *ngFor="let item of list">
            <ion-label>{{item}}</ion-label>
        </ion-item>
    </ion-list>
</ion-content>

 

list: any[] = [];

constructor() {
    for (let i = 0; i < 16; i++) {
        this.list.push(`这是第${i}条数据`);
    }
}

doRefresh(event) {
    setTimeout(() => {
        for (let i = 10; i < 15; i++) {
            this.list.unshift(`我是第${i}条数据`);
        }
        event.target.complete();
        // 告诉ion-refresher 更新数据
    }, 2000);
}

 

  1. 卡片式布局

 

<ion-card>
    <ion-card-header>
        <ion-card-subtitle>Card Subtitle</ion-card-subtitle>
        <ion-card-title>Card Title</ion-card-title>
    </ion-card-header>

    <ion-card-content>
        Keep close to Nature's heart... and break clear away, once in awhile,
        and climb a mountain or spend a week in the woods. Wash your spirit clean.
    </ion-card-content>
</ion-card>

<ion-card>
    <ion-item>
        <ion-icon name="pin" slot="start"></ion-icon>
        <ion-label>ion-item in a card, icon left, button right</ion-label>
        <ion-button fill="outline" slot="end">View</ion-button>
    </ion-item>

    <ion-card-content>
        This is content, without any paragraph or header tags,
        within an ion-card-content element.
    </ion-card-content>
</ion-card>

<ion-card>
    <ion-item href="#" class="ion-activated">
        <ion-icon name="wifi" slot="start"></ion-icon>
        <ion-label>Card Link Item 1 activated</ion-label>
    </ion-item>

    <ion-item href="#">
        <ion-icon name="wine" slot="start"></ion-icon>
        <ion-label>Card Link Item 2</ion-label>
    </ion-item>

    <ion-item class="ion-activated">
        <ion-icon name="warning" slot="start"></ion-icon>
        <ion-label>Card Button Item 1 activated</ion-label>
    </ion-item>

    <ion-item>
        <ion-icon name="walk" slot="start"></ion-icon>
        <ion-label>Card Button Item 2</ion-label>
    </ion-item>
</ion-card>

 

 

 

  1. 树状列表

在ts文件中不能用ionic自动生成的格式，这样无法调用angular框架中的UI，必须以angular格式的才能用

 

<nz-tree [nzData]="nodes" nzDraggable nzBlockNode (nzOnDrop)="nzEvent($event)"> </nz-tree>

 

 

nodes = [
    {
        title: '0-0',
        key: '00',
        expanded: true,
        children: [
            {
                title: '0-0-0',
                key: '000',
                expanded: true,
                children: [
                    { title: '0-0-0-0', key: '0000', isLeaf: true },
                    { title: '0-0-0-1', key: '0001', isLeaf: true },
                    { title: '0-0-0-2', key: '0002', isLeaf: true }
                ]
            },
            {
                title: '0-0-1',
                key: '001',
                children: [
                    { title: '0-0-1-0', key: '0010', isLeaf: true },
                    { title: '0-0-1-1', key: '0011', isLeaf: true },
                    { title: '0-0-1-2', key: '0012', isLeaf: true }
                ]
            },
            {
                title: '0-0-2',
                key: '002'
            }
        ]
    },
    {
        title: '0-1',
        key: '01',
        children: [
            {
                title: '0-1-0',
                key: '010',
                children: [
                    { title: '0-1-0-0', key: '0100', isLeaf: true },
                    { title: '0-1-0-1', key: '0101', isLeaf: true },
                    { title: '0-1-0-2', key: '0102', isLeaf: true }
                ]
            },
            {
                title: '0-1-1',
                key: '011',
                children: [
                    { title: '0-1-1-0', key: '0110', isLeaf: true },
                    { title: '0-1-1-1', key: '0111', isLeaf: true },
                    { title: '0-1-1-2', key: '0112', isLeaf: true }
                ]
            }
        ]
    },
    {
        title: '0-2',
        key: '02',
        isLeaf: true
    }
];

nzEvent(event: NzFormatEmitEvent): void {
    console.log(event);
}

 

 

  1. 页面弹出缩回动画，用angular中的抽屉就行

<button nz-button nzType="primary" (click)="open()">Open</button>
<nz-drawer
        [nzClosable]="false"
        [nzVisible]="visible"
        nzPlacement="right"
        nzTitle="Basic Drawer"
        (nzOnClose)="close()"
>
    <p>Some contents...</p>
    <p>Some contents...</p>
    <p>Some contents...</p>
</nz-drawer>

 

visible = false;

open(): void {
    this.visible = true;
}

close(): void {
    this.visible = false;
}

 

  1. 图表

 

<div style="width: 100%;height: 50%" echarts [options]="option" class="demo-chart pipType"></div>

option = {
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'cross',
            crossStyle: {
                color: '#999'
            }
        }
    },
    legend: {
        data: ['蒸发量', '降水量', '平均温度']
    },
    xAxis: [
        {
            type: 'category',
            data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
            axisPointer: {
                type: 'shadow'
            }
        }
    ],
    yAxis: [
        {
            type: 'value',
            name: '水量',
            min: 0,
            max: 250,
            interval: 50,
            axisLabel: {
                formatter: '{value} ml'
            }
        },
        {
            type: 'value',
            name: '温度',
            min: 0,
            max: 25,
            interval: 5,
            axisLabel: {
                formatter: '{value} °C'
            }
        }
    ],
    series: [
        {
            name: '蒸发量',
            type: 'bar',
            data: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3]
        },
        {
            name: '降水量',
            type: 'bar',
            data: [2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3]
        },
        {
            name: '平均温度',
            type: 'line',
            yAxisIndex: 1,
            data: [2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 6.2]
        }
    ]
};

 

 

 

  1. tablayout切换页面

 

<nz-tabset>
    <nz-tab nzTitle="Tab 1">
        Content of Tab Pane 1
    </nz-tab>
    <nz-tab nzTitle="Tab 2">
        Content of Tab Pane 2
    </nz-tab>
    <nz-tab nzTitle="Tab 3">
        Content of Tab Pane 3
    </nz-tab>
</nz-tabset>

 

 

  1. 在线浏览pdf

 

npm install ng2-pdf-viewer

 

imports: [      

        PdfViewerModule,

],

 


<ion-content style="width: 100%;height: 100%">
    <pdf-viewer [src]="pdfSource" [show-all]="true" [original-size]="false" [zoom]=1 [render-text]="false"
                [autoresize]="true" style="display: block"></pdf-viewer>
</ion-content>

 

pdfSource = 'http://211.103.127.211:8670/UploadFile/FloodFile/1553184685102at7f4y.pdf' ;

 

  1. 拨打电话

 

先在config.xml中添加：

<access origin="tel:*" launch-external="yes"/>

 

<a href="tel:10086">拨打10086</a>

 

  1. ionic中缓存数据（和angular中一样，目前只调研了localStorage）

 

localStorage.setItem('accessToken', token);

 

localStorage.getItem('accessToken')

 

 

  1. ionic更改app包名

 

修改config.xml的

widget id="com.zzb.ionic"

这个就是android的包名也是ios的appid

 

  1. ionic调用安卓设备拍照或者选择图库，并展示

 

首先需要导入插件

ionic cordova plugin add cordova-plugin-camera （选择文件展示用这个）获取到的路径为base64格式

 

ionic cordova plugin add cordova-plugin-image-picker（选择文件上传用这个）

获取到的路径为绝对路径：

file:///data/data/io.ionic.photogallery/cache/tmp_track-305927407.png

 

拍照：

const options: CameraOptions = {
    quality: 100,
    destinationType: this.camera.DestinationType.DATA_URL,
    encodingType: this.camera.EncodingType.JPEG,
    mediaType: this.camera.MediaType.PICTURE
};

this.camera.getPicture(options).then((imageData) => {
    console.log('imageData = ' + imageData);
    // Add new photo to gallery
    this.photos.unshift({
        data: 'data:image/jpeg;base64,' + imageData
    });

    // Save all photos for later viewing
    this.storage.set('photos', this.photos);
}, (err) => {
    // Handle error
    console.log('Camera issue: ' + err);
});

 

选择图库：

 

 

optionsPick: CameraOptions = {
    quality: 100,
    destinationType: this.camera.DestinationType.DATA_URL,
    encodingType: this.camera.EncodingType.JPEG,
    mediaType: this.camera.MediaType.PICTURE,
    sourceType: this.camera.PictureSourceType.PHOTOLIBRARY,
    correctOrientation: true,
    allowEdit: false,
    targetWidth: 100,
    targetHeight: 100,
};

 

 

this.camera.getPicture(this.optionsPick).then((result) => {
    console.log('result = ' + result);
    this.photos.unshift({
        data: 'data:image/jpeg;base64,' + result
    });
    this.storage.set('photos', this.photos);
}, (err) => {
});

 

 

选择第二种图库上传文件：

 

optionsPick2: ImagePickerOptions = {
    quality: 100,
    width: 100,
    height: 100,
    maximumImagesCount: 10
};

 

 

 

this.imagePicker.getPictures(this.optionsPick2).then((result) => {
    console.log('result = ' + result);
}, (err) => {
});

 

  1. ionic安卓权限申请

首先需要在config.xml中配置相关权限，找到：<platform name="android">

 

在这里面配置：

<config-file parent="/*" target="AndroidManifest.xml">
    <uses-permission android:name="android.permission.FLASHLIGHT" />
    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.MOUNT_UNMOUNT_FILESYSTEMS" />
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.CAMERA" />
    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
    <uses-permission android:name="android.permission.FOREGROUND_SERVICE" />
    <uses-permission android:name="android.permission.CALL_PHONE" />
    <uses-permission android:name="android.permission.CALL_PHONE" />
    <uses-permission android:name="android.permission.CALL_PHONE" />
    <uses-permission android:name="android.permission.CALL_PHONE" />
    <uses-permission android:name="android.permission.CALL_PHONE" />
    <uses-permission android:name="android.permission.REQUEST_INSTALL_PACKAGES" />
    <uses-permission android:name="android.permission.GET_TASKS" />
    <uses-permission android:name="android.permission.REQUEST_INSTALL_PACKAGES" />
</config-file>

 

 

注意添加xmlns:android="http://schemas.android.com/apk/res/android"

 

 

然后在需要的地方编写运行时权限：

constructor(private androidPermissions: AndroidPermissions) {

}

ngOnInit(): void {
    this.androidPermissions.checkPermission(this.androidPermissions.PERMISSION.WRITE_EXTERNAL_STORAGE).then(
        result => console.log('Has permission?', result.hasPermission),
        err => this.androidPermissions.requestPermission(this.androidPermissions.PERMISSION.WRITE_EXTERNAL_STORAGE)
    );

    this.androidPermissions.requestPermissions([this.androidPermissions.PERMISSION.WRITE_EXTERNAL_STORAGE,
        this.androidPermissions.PERMISSION.GET_ACCOUNTS]);
}

 

运行时权限请自行了解安卓6.0系统权限信息（百度就能搜到）

ionic cordova plugin add cordova-plugin-android-permissions

npm install --save @ionic-native/android-permissions

 

 

华为网络权限：

 

首先在引入网络插件

ionic cordova plugin add cordova-plugin-advanced-http
npm install --save @ionic-native/http

 

其次在resources\android目录下新建xml文件夹，在xml文件夹下创建文件：network_security_config.xml

 

编写代码：

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
    <domain-config cleartextTrafficPermitted="true">
        <domain includeSubdomains="true">localhost</domain>
    </domain-config>
</network-security-config>

 

 

再在config.xml中找到android模块，在下面编写：

<platform name="android">
    <edit-config file="app/src/main/AndroidManifest.xml" mode="merge" target="/manifest/application" xmlns:android="http://schemas.android.com/apk/res/android">
        <application android:networkSecurityConfig="@xml/network_security_config" />
    </edit-config>
    <resource-file src="resources/android/xml/network_security_config.xml" target="app/src/main/res/xml/network_security_config.xml" />

 

最后重新打包，发现在AndroidManifest.xml文件中

 

  1. ionic集成极光推送

 

首先先在极光网站上注册应用，填写好包名，记录下appkey

 

 

 

 

 

 

 

第二步，下载极光的插件：详情链接：https://github.com/jpush/jpush-phonegap-plugin

 

cordova plugin add jpush-phonegap-plugin --variable APP_KEY=your_jpush_appkey

 

 

第三步，插件下载好后去修改插件plugin.xml文件中的

 

<config-file target="*JPushConfig.plist" parent="Appkey">
    <string>0496f0e42cbf72275bdeb335</string>
</config-file>

 

<meta-data android:name="JPUSH_APPKEY" android:value="0496f0e42cbf72275bdeb335" /> <!--  </>值来自开发者平台取得的AppKey-->

 

这两段代码，讲appkey改为你注册的key

 

第四步：在app.module.ts这个文件中注册Jpush

 

第五步：在app.component.ts文件中初始化Jpush

 

 

 

第六步：打包安装后在平台上推送一条消息看是否集成成功。

 

 

 

 

 

张梓彬
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
混合开发Ionic+angular快速开发App
qq_33703512的博客
06-21 6654
对于新入门的移动开发者而言，摆在面前的移动应用开发有三种口味 Native App： 本地应用程序（原生App） Web App：网页应用程序（移动web） Hybrid App：混合应用程序（混合App） Hybrid App兼具了Native App良好用户体验的优势，也兼具了Web App使用HTML5跨平台开发低成本的优势。目前已经有众多Hybrid App开发成功应用，比如美团、爱奇艺、...
Android:Ionic框架使用实例
最新发布
偶是不器的博客
02-11 2805
Android:Ionic框架实例
Ionic自定义插件开发(附Demo)
cangahi09025566的博客
05-09 4146
前言 ionic是目前比较火的一个移动端混合开发框架.其中插件开发是其实现混合开发的主要方式.这里我就大概记录下自己自定义插件的一些心得.如有不好之处,还望各位看官指出。     创建自定义插件 1.安装plugman,该工具主要用于创建一个自定义的插件 npm install -g plugman 2.创建一个插件框架---例如:plugman creat --name 插件名字...
Android混合开发框架
Chen_xiaobao的博客
01-09 923
Android混合开发框架主要有以下几个，还有其他的欢迎补充！
ionic混合开发ionic4 angular8）
zzw1248001691的博客
09-15 471
工程训练-ionic混合开发 ionic开发环境搭建 1.node.js 安装 2.cnpm安装 npm install -g cnpm --registry=https://registry.npm.taobao.org npm install -g cnpm -- registry https://registry.npmjs.org/ 采坑 ：老师给的是第一个淘宝镜像 但是个人安装有问...
ionic混合开发app android学习笔记
weixin_37582804的博客
07-23 406
1.Ionic4.x 目录结构分析 e2e：端对端测试文件 node_modules ：项目所需要的依赖包 resources ：android/ios 资源（更换图标和启动动画） src：开发工作目录，页面、样式、脚本和图片都放在这个目录下 www：静态文件，ionic build --prod 生成的单页面静态资源文件 platforms：生成android 或者ios 安装包需要的资源—(cordova platform add android 后会生成) plugins：插件文件夹，里面放置各种c
给Android开发者的Ionic自定义插件
Jamingx666的博客
10-20 687
首先需要把Ionic的环境搭好，这里我就不废话了，相信看到这篇文章的各位都已经是使用过Ionic的人了 直接上教程 1.创建插件 通过命令行创建插件  格式：plugman create --name &lt;pluginName&gt; --plugin_id &lt;pluginID&gt; --plugin_version PS： --name：插件名称 --plugin_id...
ionic4.x+vue windows系统搭建android混合开发框架
笨笨CEO的博客
11-19 1207
前言：环境搭建参考 本人的另一篇文章https://blog.csdn.net/weixin_37852133/article/details/103063682 一、项目框架搭建： 1、如果没有全局安装vue插件的，cmd请执行 npm install -g @vue/cli 2、初始化一个vue项目 ，项目文件夹自定义（这里定义项目名称demo） vue create demo ...
使用ionic+cordova插件开发android程序遇到的坑
lzfengluo的博客
10-24 1132
搭建ionic+cordova环境时遇到的坑ionic和cordova是什么搭建环境安装Android Studio、JDK、SDK安装cordova插件安装ionic插件使用命令行创建应用结语 昨天接到任务，用ionic和cordova插件构建安卓平台使用的程序。那么第一步当然是搭建ionic和cordova环境了。因为是第一次搭建环境，搭建过程遇到了一些坑，记录一下，希望对你也有所帮助。 i...
WebView使用Ionic框架混合式开发
08-18
总结，使用Ionic框架进行混合式开发Android应用，可以充分利用Web技术的便捷性，同时借助WebView和Cordova插件实现与原生平台的深度集成。理解并掌握这些知识点，将有助于开发者高效地构建出功能完备、性能优良的...
安卓混合开发
03-14
Cordova，原名PhoneGap，是另一个广泛应用的混合开发框架，它依赖于WebView（一个可以加载网页的Android组件）来展示应用界面，并通过插件系统与Android系统的底层功能进行通信，如访问相机、GPS或存储等。...
Android混合开发的基本框架JavaScript和java之间的桥梁
08-10
本文将深入探讨"Android混合开发的基本框架JavaScript和Java之间的桥梁"这一主题，带你理解如何通过JavaScript与Java进行交互，实现高效、灵活的混合应用。 首先，混合开发框架的核心在于提供一个中间层，使得...
配置ionic开发环境.docx
04-08
Ionic 是一个基于 Apache Cordova 的混合应用程序开发框架，它可以帮助开发者使用 Web 技术开发跨平台的移动应用程序。为了快速开始 Ionic 开发，需要配置合适的开发环境。下面是配置 Ionic 开发环境的详细步骤和...
ionic开发混合手机应用
07-02
ionic是一个用来开发混合手机应用的，开源的，免费的代码库。... ionic的开发添加android和ios环境。 ionic提供很多css组件[2] 和javascript UI库。...ionic可以支持定制android和ios的插件，也支持服务端REST的敏捷开发。
如何解决android studio找不到手机！
热门推荐
张梓彬的博客
05-16 1万+
今天刚重装系统，重新安装好了studio，结果在做测试的时候发现AS找不到手机了，那我还怎么运行程序（此处请自动忽略模拟器），一脸懵逼。然后各种想办法，刚开始认为AS没有下载对应的SDK版本，结果发现和这个没有半毛钱关系。当然运行的时候还是要下载对应SDK，这个目前不提，只说如何让AS找到真机吧。      AS找不到真机的原因（这里是我的原因）：手机连接电脑的时候驱动安装失败了。
使用Okhttp上传图片
张梓彬的博客
05-08 1万+
写项目的时候接触了上传图片这个模块。第一次使用OKhttputils上传图片时发现有时候上传成功，有时候失败报500错误，我纠结了一天，用postman测试接口是没有问题的，最后换回原生的okhttp框架去写。后来发现可能是之前的OKhttputils版本太低了导致的（2.6.2），现在用的Okhttp版本是（3.2.0） private static final String TAG =
解决安装Virtualbox报严重错误
张梓彬的博客
05-17 1万+
昨天安装Genymotion模拟器的时候需要安装Virtualbox才能运行，我安装好Virtualbox发现报严重错误： Failed to instantiate CLSID_VirtualBox w/ IVirtualBox, but CLSID_VirtualBox w/ IUnknown works. PSDispatch looks fine. Weird. 返回 代码: E
如何解决AlertDialog.Builder没有dismiss()方法
张梓彬的博客
04-07 1万+
在用到AlertDialog.Builder去创建一个弹窗的时候，发现居然没有dismiss()方法， 比如我写了一个自定义的弹窗，那么如何使它取消掉： dialog = new AlertDialog.Builder(this); final View view = View.inflate(this,R.layout.dialog_register,null); Button
Ionic 1.1.1 混合移动开发实战教程
1. **课程目标**：本教程的目标是教会读者如何使用前端技术和混合开发框架来创建功能完备的手机应用。 2. **项目效果**：通过实际案例展示最终应用的效果，包括用户界面和交互特性。 3. **Ionic开发简介**：讲解如何...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值