怎么观看啊？

技术背景了解Uniapp可以解决的问题Uniapp是一个跨平台开发技术应用，意在使用js代码来开发多端平台，如Android、IOS、HarmonyOS这些移动端平台，当然最火的还是开发小程序应用。旨在减轻前端开发人员的压力，让前端开发人员无需学习Android、IOS知识，仅通过一套JS代码就能开发出对应平台的APP，那么Uniapp真的有这么神奇吗？就让这篇文章来揭开Uniapp这个平台的面纱吧。前置技能：1.js技术2.Android技术3.IOS技术开发工具1.HBuildX（开发UI页面）2.AndroidStudio（开发Android插件包）3.Xcode（开发IOS插件包)Uniapp简单实现原理疑问：那么Uniapp是如何实现一套JS代码开发多端平台呢？在回答这个问题的时候，我们可以思考一下其他的跨平台开发是如何实现跨平台呢？例如我在C中开发一套代码，怎样才能既可以在Linux系统上正常运行，又可以在Windows系统上来运行，实际上我们需要在每一个平台上通过专门的编译工具编译成各个平台上可以使用的代码就可以了，其中Uniapp就是充当了这个"桥"，把来自JS的消息发送给分发给各端去处理。而我们知道各端的WebView又是可以订阅JS消息，又是可以发送JS消息的，所以Uniapp就是利用了这个机制，通过各端WebView来实现与JS代码的交互。大致流程就是如下——————疑问2:那么Uniapp该如何去调用原生的功能呢？例如调用相机/麦克风这些原生功能其实从上面的流程我们知道了UniappSDK就是充当了"桥"，负责将两端的消息进行传递处理，那么我们可以在Native端中实现好了麦克风/相机功能，当收到来自JS中某个特定消息后，那么Native端去调用这个麦克风/相机功能就可以了。如果JS端要监听原生端的某个消息也是同理，监听JS中的某个特定事件，Native端负责去发送就可以了。从上面我们知道了UI部分的JS代码可以用于webview来进行UI方面的渲染，展示UI效果，而特定的Native功能，则又交由各端去单独实现，这样就能做到了一套JS代码多端实现。看起来很美好，但是实际上在开发中上面的方式还不能满足我们的开发，仅是通过WebView展示UI是不够的，在Android和IOS中WebView只是其中的一种View而已，而在日常开发中，需要用到很多其他我们自己封装的View如VideoView这些，那么这些View又该如何暴露给JS端控制呢？面对这个问题，Uniapp的做法是把这些View封装成Module，通过“插件”的形式来导入这些module，这样就能在JS端导入这些Module来控制这些封装的View。而封装出来的这些”插件“包就是我们常说的离线插件包。既然有离线插件包，那么就有在线插件包，关于两者的差别我在后面详细说明。插件包封装我们可以在Uniapp的项目中的package.json中去对各个模块进行定义，提供给前端使用，那么在JS代码中就可以去引入这些module，去调用这些封装起来的插件像在上面的这些图片中，就定义了多个模块，上面图片仅仅展示了Android的模块，不过IOS也是同理。但是我们知道View的定义不仅是只有代码部分，还有静态资源这些，所以封装离线插件包，我们需要将这些静态资源和代码部分都需要封装在一起。在Android中，我们都是可以将资源和代码一并封装成aar包，供Uniapp使用，但是由于是使用aar包的方式引入，那么不可避免就会有aar包依赖的问题，aar包不能像远程依赖的方式，能自动将包所依赖的依赖包一并打包出来，需要我们手动将aar包所依赖的各个jar包、aar包单独放进去Uniapp中去使用。在IOS中，代码是通过Framework包封装，静态资源则是通过Bundle资源进行封装的，所以IOS的封装离线插件包就需要将Framework包Bundle资源找出来一并添加进Uniapp才行。这些封装好的资源包需要放置在HBuildX中nativeplugins目录下可以看到上面图片封装了MediaPlayer插件、ToolZip插件、VodUniPlugin插件这些插件，这些插件都是由Android、IOS端打包封装出来，供由JS端去调用驱动。注意：插件包要摆在nativeplugins目录下离线插件包与在线插件包区别Uniapp客户在使用我们的SDK有两种方式，分别是云打包依赖和离线打包依赖，这两种方式取决于客户的技术能力。在上面我们知道了Android项目是依赖aar包，IOS项目是依赖Framework包，有了aar包和Framework包后就能将打出对应的apk包和ipa包(安卓上是运行apk，依赖于Android的打包工具进行打包封装成apk文件后才能在Android系统上安装运行，而这个打包工具是异常繁琐，一般都是使用Android-Studio这个IDE提供的打包方式进行一件打包，IOS则是同理使用XCode来打包成ipa包)所以理论上客户需要的就是aar包和Framework包而已，但是大部分使用Uniapp的用户都可能仅有前端的技能，没有点亮IOS和Android开发的技能点，不会使用AndroidStudio和XCode，Uniapp为了兼顾这部分的用户群体，推出了云打包的操作，就是说你可以上传你的js代码上到他的服务器上，然后选择你要添加的aar/Framework包，这些aar/FrameWork包就是封装好并已经上传到Uniapp服务器的SDK包，然后交由Uniapp打包机打包出对应的apk包和ipa包出来，这样就能做到前端开发和原生开发的分离，让前端开发人员也能不用学习Android、IOS也能调用这些原生端的功能。而我们每次发板的其实上传这些SDK包到Uniapp的服务器上，供这些前端开发人员使用。Uniapp开发者就可以到UniAPP服务上挑选他需要的功能一并打包到他的项目中，这样就能极大方便开发。云打包看起来很美好但是每走一步都要经过Uniapp的服务器，服务器上的每一步操作都是要花费钱的，所以导致云打包是要排队的，要不就是充钱插队。因此面对这种情况，有了离线插件包的操作，在上面Uniapp负责的工作就是收集插件包，收集JS代码、打包出apk\ipa包，那么上面Uniapp做的操作全部交由用户自己来完成，这个步骤就是使用离线插件包。这也意味着用户需要有Android开发、IOS相关开发知识才可以。构建了离线工程，就可以把aar包/Framework包、js代码放入工程中打出需要的apk和ipa包了。而且使用离线工程会更加灵活，所以有不少客户都是能直接使用离线插件包的。构建插件工程构建插件工程可以参考官方的文章，这里不做过多的介绍了Uniapp原生插件构建那么该如何构建插件工程呢？当前我们的项目是已经搭建好了，如果需要重新构建一个新的项目，那么可以参考上面的文档，本质上就是集成UniappSDK到本地项目中，通过sdk来加载js代码和受HbuildX来控制。之后我们的调试和打包离线插件包都是在这个离线插件工程上面操作了。其中最为用要的是插件项目的包名必须与HBuildX中的AppId对应上，否则就不能通过HBuildX来调试程序了。插件工程中最为重要的是3份资源：JS资源、UniappSDK、需要集成的SDK资源只要有上述的3份资源就能构建出需要的apk包和ipa包了。其中JS负责的是UI显示的逻辑，UniappSDK负责js与native传递的“桥”，集成的SDK负责的就是复杂的原生功能。开发过程下面将讨论如何将在原生构建好的SDK工具提供给插件工程，重新封装成一个插件包给前端JS调用。构建JS资源通过上面我们了解到了，离线插件过程需要的是aar包/Framework包，JS资源包，UniappSDK，这里就讨论一下JS资源该如何构建。（JS资源负责的是UI界面的显示）Uniapp的前端页面开发是使用HBuildX来进行开发的，在HBuildX中编写好JS代码后（每次编写完毕记得control+s保存代码）通过点击生成本地App资源来生成对应的前端资源。这样就能生成出对应的本地JS资源（目录unpackge/resources/[APPID]/www)然后把这个www文件拷贝到你的离线插件工程中，覆盖掉原来的www文件即可Android位置：app/src/main/assets/apps/__UNI__1B5A603/wwwIOS为主：/Pandora/apps/__UNI__4E1AA66/www然后重新Build就好了（build可能js资源更新不生效，这个时候需要删除本地apk，重新安装一下）离线工程依赖的UI显示是依赖于这个JS资源的，所以Uniapp是支持热更新UI的，也就是可以将新的UI资源打包成APP资源包，然后上传到Uniapp的服务器，然后apk/ipa包会尝试拉取最新的JS资源包，然后画面显示就使用最新的JS资源包，从而做到热更新效果，不需要用户重新去安装下载最新的apk/ipa包，但是这个仅限于JS资源，插件包就无法进行热更新了。那么每一次改动JS代码难道都要执行上面的步骤才能看到改动效果吗？那不是要忙死了？其实不用担心，HBuildX中有提供热更新的方式，每次改动都能立刻看到效果，在后续就会介绍如何使用热更新。构建AAR/Framework包在原来项目SDK更新/改动后，我们也需要将更新后SDK放置进离线插件工程中，在Android中静态资源可以一并打包成aar包，所以我们只需要更新AAR包即可，而IOS则更新Framework包和Bundle静态资源。IOS更新Framework包则是简单很多，只需要执行podinstall就可以对Framework包进行更新了（前提是新版本SDK包已经发布到了CocoaPods中），如果更新内容还涉及到了Bundle静态资源的话，那么就需要将新的Bundle资源拷贝过去就可以了。之后我们将新的SDK导出为对应的aar/Framework包放入到插件项目下就好了。上面就展示了在Android中这些aar包摆放在插件项目的路径，将用到的原生SDK放入到插件项目下就可以了。构建离线插件包当前我们的离线插件工程已经构建完毕了，也导入了需要用到的原生SDK包，那么现在我们需要导出前端可以调用的离线插件包。在Android中执行Glide脚本，生成出uniapp插件module对应的release.aar包，在点播项目中生成出来的是uniplugin_release.aar包，因为是aar包的形式，aar包不能把所有的依赖包一并打包进去，所以我们还要手动将点播SDK需要依赖的aar包找出来，一并放入到HbuildX-nativeplugins目录下，不过当前已经归纳好了，可以根据这次需要更新的aar包一并更新到HBuildX项目下的nativeplugins目录下。在IOS则需要build一下项目，获取到新产物uniplugin.framework包，并且将popinstall更新的framework包一并更新到HBuildX项目下的nativeplugins目录下就好了。调试Uniapp程序调试Uniapp程序可以参考这篇文章离线打包制作自定义基座一般Uniapp程序的开发流程是，既要改动JS资源，又要改动插件包的内容，这两个过程甚至是交替操作的，并不是简单做JS资源改动，再去改动插件包内容，那么这个过程该如何做呢？这个就涉及到了运行自定义插件包项目，这样就能动态改动js代码立刻就能响应更改，不需要频繁重复生成本地打包APP资源，重复安装/删除应用。使用自定义插件包来调试项目的话，这里测试是使用HbuildX3.5.3版本，使用新版本HBuildeX进行调试Android应用会提示”同步资源失败，未得到同步资源的授权，请停止运行后重新运行，并注意手机上的授权提示“估计是新版本的SDK和当前的离线插件包使用的SDK版本不一致导致的，所以推荐使用HbuildX3.5.3版本进行开发，而ios调试则是正常1、打出debug包将最新的JS资源包更新到离线插件工程中，然后生成对应的apk包/ipa包，将生成出的apk包改名为android_debug.apk,ipa包改名为iOS_debug.ipa包，然后放入到HbuildX项目中的unpackage/debug目录下即可2、运行自定义插件包当设置好最新的debug包后，可以点击运行-运行到手机或模拟器-运行到Android/IOSAPP基坐，然后选择自定义标准基座即可，当你更改了HbuildX中的js代码后，按下"control-s"保存代码即可完成热更新调试，设备就会更新最新的画面。发布流程1、复制Demo工程、移除离线插件文件夹、unpackage文件夹。（没有改动可以不更新）2、将Manifest.json中的appid移除，否则上传提交不通过。3、将Demo压缩成zip：XXXUniPluginDemo.zip4、将离线插件包压缩成zip：XXXUniPlugin.zip5、更新CHANGELOG、README然后将Demo工程和离线插件包一并发布到Uniapp服务器上就可以了。Uniapp开发者就能在Uniapp服务器上选择你的SDK去使用了。发布注意事项：1、每日有免费的云打包打包额度，可以使用大概2次，且ios和android包是分开计算的，可以通过云打包测试新的插件工程是否没有问题，云打包是可以选择本地插件包（放入nativeplugins目录下的插件包）+云插件一并打包，如果要测试本地的插件包，可以在manifest.json-App原生插件配置中选择本地插件和选择要用的云端插件包2、打包ipa包需要提供对应的profile文件和私钥证书，这个可以找IOS项目帮忙签出这两份文件，ios的安装不像Android，每台设备都需要对应证书才能安装，所以如果是这种测试用途包，需要在签名文件中把对应的设备id写入到证书才行

四大组件之内容提供者Android开发之网络和多媒体Android开发之网络和多媒体模块学习Android控件之RecyclerViewandroid开发基础轮播图，组合控件，自定义属性，自动轮播项目实战

站长的所有所有实战课程没有讲到APP应用开屏广告的设计！希望专门做这样一期视频！

跟着Himalaya实战视频做到推荐页面UI获取这一步了。如图：但是我发现。。为什么点一下别的地方比如订阅再返回来就会变成。。。这样：除了点别的地方，有的时候直接运行的时候也显示不出来。。

在B站看到【领券联盟】显示分类数据-安卓项目开发实战课程毕业设计课程的第16集最后面的时候Log出现resultcodeis404，和老师的错误不一样啊！

效果图效果图在蓝湖上面地址：lanhuapp.com账号：lanhu@sunofbeaches.com密码：lanhu123api地址阳光沙滩商城的API文档需要准备的知识android基础知识p1~p9，详情请移驾到学院功能领券联盟，当然是领取优惠券滴功能：浏览商品领取优惠券搜索商品网站商品扫码领券目的把前面学到的知识综合起来，运用到项目里，实现一个领取优惠券的项目。知识使用Retrofit+OkHttp进行网络请求使用ButterKnife二维码的扫描，生成MVP架构处理网络请求的多种网络状态，把我们喜马拉雅里学的UILoader进行改造多种方式实现导航栏多种方式实现Indicator轮播图RecyclerView的多种布局方式常用的几种图片加载框架刷新/加载更多（分页处理）动态请求权限粘贴板的使用第三方应用的检查以及打开使用到的框架图片加载框架：Glide网络请求框架：Retrofit、okhttpUI注入框架：ButterKnife二维码框架：Zxing、RxTool刷新/加载更多UI框架：tkrefreshlayout导航和指示器：MaterialDesign结构基本结构，我们采用MVP的架构大体上的一个依赖关系如上图所示。UI依赖Presenter层，这样UI就可以调用一些presenter的方法了，比如说加载数据。而Presenter依赖UI的话则耦合度太高了，所以在Presenter与UI间通过接口通讯。则UI实现接口，Presenter调用接口方法，所以你还会看到这样的图：mvp就这么简单。对于一般的应用业务来说，已经够用了。如果对于常变的需求，其实还可以扩展一下，连Presenter跟Model也用接口进行通讯，如果业务变了，presenter层往上的代码不动，添加多一个modle去实现接口即可。比如说以前我做蓝牙电话，为了考虑到公司可能会换方案，但是功能是不变的。所以我就要考虑到在底层做适配层，即使换一套硬件，换一个方案商我也可以很快地接入。同学们在编码以及工作过程中慢慢体会吧。需求是一直变更的，每一个程序员总能遇到那么几个没什么能力的产品经理的。总结Api文档有了，UI有了，没有需求文档和交互同学们就看已经上传的demo吧，大体的架构也定了，同学们可以去动手创建项目了，下一步我们继续去设计相关的类和接口。源码地址代码地址：github:https://github.com/TrillGates/TicketUnion码云https://gitee.com/sunofbeaches/TicketUnion

喜马拉雅FM电台项目实战，把前面的知识点串起来，要不很快就忘记了。我们先不去管商业项目要注意哪些问题，我们的目的仅仅是完成一个能用的android应用，把前面所学习到的知识综合起来。

背景在上一篇中，把我们基础的功能实现了，但是焦点乱跑，现在就一点一点把乱跑的焦点控制起来。上一篇地址：https://www.sunofbeach.net/a/1474568710915194882VerticalGridView焦点无法往上跳出当我们进入了网格列表中，也就是文章列表中的时候，在第一排继续往上，我们的目标是聚焦到收藏按钮上面。这里默认是无法跳出的。需要在VerticalGridView中打开一个限制。app:focusOutFront="true"允许跳出。增加之后我们看看效果。问题解决。第一次进入页面，分类获取成功后，默认显示第一个分类上面也就是说，我们需要这样的效果。现在默认进来是收藏聚焦，这不是我们需要的。也就是，分类请求完成后，显示完成数据，第一个item聚焦。//这里没有做任何封装，先这么用着。够原生的了。@OverrideprotectedvoidonCreate(BundlesavedInstanceState){super.onCreate(savedInstanceState);setContentView(R.layout.activity_demo06);initView();//获取数据service.getCategoryList().enqueue(newCallback<BlogCategory>(){@OverridepublicvoidonResponse(Call<BlogCategory>call,Response<BlogCategory>response){//分类获取成功，填充rvmCategoryAdapter.setNewInstance(response.body().getData());rvCategory.post(newRunnable(){@Overridepublicvoidrun(){//让rv更新完后，我们再聚焦第一个item。ViewchildAt=rvCategory.getLayoutManager().getChildAt(0);if(childAt!=null){childAt.requestFocus();}}});}@OverridepublicvoidonFailure(Call<BlogCategory>call,Throwablet){}});}至于我们刚刚进来的时候是收藏聚焦的，这个可以先不显示，等数据完成了才显示收藏也行。这里就不处理了。上面的代码解决第一次进来聚焦第一个item的问题。焦点根据业务分区1：我们把焦点分3个区，第一个分类列表2：第二个收藏3：第三个是网格列表分区之后，我们每个区拿到焦点了就更新分区记录。这样在我们按键切换的时候，就需要判断下一步的焦点要去哪里了。第一个场景：进来的时候，我们在第一个item，按左：需要显示网格第一个item。在整个act按键分发的时候，我们做按下按键，和方向左的拦截。定义了3个焦点区。/***默认分类*/privatestaticfinalintfocus_type=1;/***收藏*/privatestaticfinalintfocus_collection=2;/***网格*/privatestaticfinalintfocus_grid=3;privateintcurrentFocusType=focus_type;publicbooleandispatchKeyEvent(KeyEventevent){if(event.getAction()==KeyEvent.ACTION_DOWN){//当按键按下的时候。intkeyCode=event.getKeyCode();switch(keyCode){caseKeyEvent.KEYCODE_DPAD_LEFT://按键的值，方向键左的时候。我们需要把分类的切换到列表第一个item中。//而且条件是，焦点在分类中。switch(currentFocusType){casefocus_type://当前在分类中，按左键，需要聚焦到网格的第一个item中。Log.i(TAG,"dispatchKeyEvent:切换到左边网格第一个");//这个api在模拟器上面居然不可以，我醉了。那就用原始方式吧。//vgv.setSelectedPosition(0);vgv.getChildAt(0).requestFocus();//消费这次聚焦，代表我们自己处理，不给系统处理。currentFocusType=focus_grid;returntrue;casefocus_collection:break;}break;}}returnsuper.dispatchKeyEvent(event);}看看效果图。每次切换分类后，往左边切换焦点，必须跑网格第一个item中。这个需求我们实现了。今天就分享到这里。后面还有问题，继续解决。比如：分类聚焦到具体列表上面后，往右边聚焦，他会跑到就近的那个分类中，并不会回到原来过来的分类中。项目地址https://gitee.com/dong_rong/android-tv-sample具体代码可以看Demo06Activity。每次修改我都会复制一份代码出来修改，如果看之前的效果，直接切换act打开就行了。

背景前面都是单独的焦点控制，或者一些注意api分享，这一次我们就拿项目中的案例做分享。一些很简单的需求但是做起来问题就很多。用最原始的方式来解决问题。这样以后遇到类似的也能处理。需求获取全部分类，切换分类的时候，需要加载分类对应的列表。点击后播放视频。当然我们这里用的我的博客系统的分类和文章列表。播放功能就不做了。这个不碍事。先看看我们的效果图。左边显示分类名字，中间有个收藏按钮，下面试列表，最右边是分类列表。在手机端，接口获取右边列表，然后切换分类的时候，更新左边列表，这个功能，就拿数据而言对大家来说应该是简单的。这个不会有什么大问题。使用到的组件：分类列表：RecyclerView网格列表：leanback的VerticalGridView(leanback是Google官方的tv开发框架)没有做任何的焦点干预。焦点不受控制注意！！！注意！！！注意！！！以上功能实现没有做任何焦点控制，都是由系统默认方式处理问题1：当我们从第一个分类Android向左聚焦，跑到收藏上面，如果我们想要流程是：分类->列表的第一个->第一排往上，才是收藏应该怎么实现。问题2：我们进入列表中，到了第一排再按上的时候，无法跳出去，也就是无法到收藏按钮。问题3：列表下滑的时候，如果最后一排有空隙，上一排的最后一个无法到达最后一排的位置上。还有很多小细节没作图了，但是后面的开发中，肯定会完善的。看似简单的需求，其实代码啪啪啪写完后体验上问题还是很多的。下一篇就来解决遇到的问题。项目地址https://gitee.com/dong_rong/android-tv-sample对应类：Demo05Activity，在minaact切换，既可以浏览文章对应的案例。

希望你能抽出你宝贵的时间制作关于注册登录模块相关的实战课程。“淘宝联盟”和“喜马拉雅”实践项目都没有这块的内容。冒昧地说了几句，希望你能够理解。最后祝你一切顺利！

mysql***************************2.row***************************id:100169book_name:SpringBoot+Vue全栈开发实战

Protocols（12）Swift快速入门泛型Generics（13）Swift快速入门下标Subscripts（14）Swift快速入门异常处理ErrorHandle（15）UIKit快速入门领券联盟实战

=null){ImageBlur.makeBlur(mBgCoverIv,XXXActivity.this);}}@OverridepublicvoidonError(){}});}在喜马拉雅的实战项目中

（2）多实战。通过编程的实战积累经验、巩固知识。很多中国大学毕业生缺乏编程和调试经验；学习C语言，考试过关就算学会了；课题项目中，只要程序能够编译，运行，并且输入输出满足要求就算了事。

前言最近在学习喜马拉雅的项目实战刚入门就遇到了一个问题(已解决)android网络请求数据失败错误返回604昨天忙到凌晨1点半也没有解决问题,各种原因吧今天总算解决了感觉效率有点低但是还是很感谢此站的老师教导因此写个博客记录一下成长的历程

在大家都会用vue的时代，我们又如何去区别是新手小白还是资深vue玩家呢? 如何让自己与刚学vue的人拉开差距呢? 其实，很多人对于vue只停留在基础使用。想要提升自己，就应该想办法将其运用到更高的层次。

为了后续实战案例中，可以零基础入门，本节我们简单总结一下BottomNavigationView的知识点和使用方法。BottomNavigationView设计原则可以在底部展示3-5个导航菜单。