07 2022 档案
摘要:自定义BitmapChangeView: package top.lc951.myandroid.views; import android.content.Context; import android.graphics.Bitmap; import android.graphics.Canvas
阅读全文
摘要:自定义裁剪类CropImageView: package top.lc951.myandroid.views; import android.content.Context; import android.graphics.Bitmap; import android.graphics.Canvas
阅读全文
摘要:图像转换封装工具类BitmapUtil: /** * 图片位图转换工具 * * @author lichong * 2022年07月26日15:35:16 */ public class BitmapUtil { public static final String TAG = BitmapUtil
阅读全文
摘要:自定义RippleImageView继承原生ImageView,代码如下: package top.lc951.myandroid.views; import android.annotation.SuppressLint; import android.content.Context; impor
阅读全文
摘要:自定义装饰ImageView类:DecorateImageView public class DecorateImageView extends ImageView { private Paint mPaint=new Paint(); private int mWidth,mHeight; pri
阅读全文
摘要:UI布局: <!--pages/video/video.wxml--> <video id="myVideo" src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f020169040
阅读全文
摘要:UI布局: <!--pages/image/image.wxml--> <view class="page__hd"> <text class="page__title">image</text> <text class="page__desc">图片</text> </view> <view cl
阅读全文
摘要:UI布局: <!--pages/camera/camera.wxml--> <camera device-position="back" flash="off" binderror="error" style="width: 100%; height: 300px;"></camera> <butt
阅读全文
摘要:自动聚焦 UI布局如下: <!--pages/textArea/textArea.wxml--> <view class="section"> <textarea bindblur="bindTextAreaBlur" auto-height placeholder="自动变高" /> </view
阅读全文
摘要:UI布局: <!--pages/switch/switch.wxml--> <view class="section__title">type="switch"</view> <view class="body-view"> <switch checked="{{switch1Checked}}"
阅读全文
摘要:UI布局: <!--pages/slider/slider.wxml--> <text class="page__title">slider</text> <text class="page__desc">滑块</text> <text class="section__title">设置left/r
阅读全文
摘要:UI布局: <!--pages/radio/radio.wxml--> <view class="page-section-title">默认样式</view> <label class="radio"> <radio value="r1" checked="true"/>选中 </label> <
阅读全文
摘要:UI布局如下: <!--pages/pickerView/pickerView.wxml--> <view class="selected-date">{{year}}年{{month}}月{{day}}日{{isDaytime ? "白天" : "夜晚"}}</view> <picker-view
阅读全文
摘要:UI布局如下: <!--pages/picker/picker.wxml--> <view class="section__title">普通选择器</view> <picker bindchange="bindPickerChange" value="{{index}}" range="{{arr
阅读全文
摘要:功能描述 用来改进表单组件的可用性。 使用 for 属性找到对应的id,或者将控件放在该标签下,当点击时,就会触发对应的控件。 for优先级高于内部控件,内部有多个控件的时候默认触发第一个控件。 目前可以绑定的控件有:button, checkbox, radio, switch, input。 U
阅读全文
摘要:UI布局 <!--pages/input/input.wxml--> <view class="weui-cells__title">可以自动聚焦的input</view> <input class="weui-input" auto-focus placeholder="将会获取焦点" /> <v
阅读全文
摘要:UI布局: <!--pages/from/from.wxml--> <form catchsubmit="formSubmit" catchreset="formReset"> <view class="page-section-title">switch</view> <switch name="
阅读全文
摘要:路径如下图: 高效的断点调试,解决bug的利器 具体步骤 1、先运行可浏览页面 2、找到待调试的页面 3、在调试器面板 Sources里找到对应路径的页面和js文件 4、在适当的位置设置断点 5、触发断点 6、注意单步调试按钮 自研产品推荐 历时一年半多开发终于smartApi-v1.0.0版本在2
阅读全文
摘要:UI布局: <!--pages/CheckBox/CheckBox.wxml--> <view class="page-section-title">默认样式</view> <checkbox value="cb" checked="true" />选中 <checkbox value="cb" /
阅读全文
摘要:UI布局: <!--pages/button/button.wxml--> <view class="btn-area" id="buttonContainer"> <button style="width: 100%;" type="primary">页面主操作 Normal</button> <
阅读全文
摘要:UI布局如下: <!--pages/text/text.wxml--> <view class="text-box" scroll-y="true" scroll-top="{{scrollTop}}"> <text>{{text}}</text> </view> <button disabled=
阅读全文
摘要:布局如下: <!--pages/richText/richText.wxml--> <view class="page-section-title">通过HTML String渲染</view> <scroll-view scroll-y>{{htmlSnip}}</scroll-view> <bu
阅读全文
摘要:布局如下: <!--pages/progress/progress.wxml--> <view class="progress-box"> <progress percent="20" show-info stroke-width="3"/> </view> <view>--</view> <vie
阅读全文
摘要:布局 <!--pages/icon/icon.wxml--> <icon class="icon-box-img" type="success" size="50"></icon> <view class="icon-box-title">成功</view> <icon class="icon-bo
阅读全文
摘要:布局: <!--pages/scrollView/scrollView.wxml--> <text>Vertical Scroll\n纵向滚动</text> <scroll-view scroll-y="true" style="height: 500rpx;" bindscrolltoupper=
阅读全文
摘要:布局: <!--pages/movableArea/movableArea.wxml--> <view class="page-section">movable-view区域小于movable-area</view> <movable-area > <movable-view x="{{x}}" y
阅读全文
摘要:UI布局 <!--pages/map/map.wxml--> <view class="page-section page-section-gap"> <map style="width: 100%; height: 600px;" latitude="{{latitude}}" longitude
阅读全文
摘要:<!--pages/flex_direction/flex_direction.wxml--> <text>flex-direction: row\n横向布局</text> <view class="flex-wrp" > <image style="width: 200px; height: 10
阅读全文
摘要:准备 1、若干图片 2、数据模型配置 3、view布局 1、若干图片 这个随意,卡通图片会好些。带人像的比较麻烦,记得有一次使用一个美女图片进行毕业设计答辩。就有老师提出肖像侵权的问题。不过一般情况下非商业用途没人搭理 2、数据模型配置 // pages/banner/banner.js Page(
阅读全文
摘要:app.json配置如下: { "pages":[ "pages/index/index", "pages/android/android", "pages/ios/ios", "pages/logs/logs", "pages/test/test", "pages/list/list" ],"ta
阅读全文
摘要:<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:ellipsize="end" android:maxEms="8" android:maxLines="1" too
阅读全文
摘要:工具地址: https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html 笔者是Mac电脑,所以安装了macOS x64版本 安装过程没有其他配置 安装完后如下图: 微信扫码登录后: 因为笔者新建了一个例子,所以就有一个+
阅读全文