Others – 蓝天白云

UniApp Flex布局教程

分类：Others, Others 阅读 (398) 已关闭评论

3月 042025

一、Flex布局基础

Flex布局由 容器（父元素） 和 项目（子元素） 构成。通过 display: flex 声明容器。

<template>
  <view class="container">
    <view class="item">1</view>
    <view class="item">2</view>
  </view>
</template>

<style>
.container {
  display: flex; /* 启用 Flex 布局 */
}
</style>

</view>

</template>

<style>

.container {

display: flex; /* 启用 Flex 布局 */

}

</style>

二、（父）容器属性详解

1. flex-direction

定义主轴方向（项目的排列方向）

值	描述
row (默认)	水平排列（左→右）
row-reverse	水平反向（右→左）
column	垂直排列（上→下）
column-reverse	垂直反向（下→上）

<view class="container column">
  <view class="item">1</view>
  <view class="item">2</view>
</view>

<style>
.column {
  flex-direction: column; /* 垂直排列 */
  height: 300rpx; /* 需要指定高度 */
}
</style>

</view>

<style>

.column {

flex-direction: column; /* 垂直排列 */

height: 300rpx; /* 需要指定高度 */

}

</style>

2. justify-content

定义主轴对齐方式

值	描述
flex-start	向主轴起点对齐（默认）
flex-end	向主轴终点对齐
center	居中对齐
space-between	两端对齐，间隔相等
space-around	每个项目两侧间隔相等

3. align-items

定义交叉轴对齐方式

值	描述
stretch	拉伸填满容器（默认）
flex-start	向交叉轴起点对齐
flex-end	向交叉轴终点对齐
center	居中对齐

4. flex-wrap

定义是否换行

值	描述
nowrap	不换行（默认）
wrap	换行
wrap-reverse	反向换行

5. align-content

多行项目的交叉轴对齐方式

值	描述
stretch	拉伸填满容器（默认）
flex-start	向交叉轴起点对齐
center	居中对齐
space-between	两端对齐

三、项目属性

1. flex-grow

定义项目的放大比例（默认0）

结果：剩余空间按1:2分配

2. flex-shrink

定义项目的缩小比例（默认1）

<view class="container">
  <view class="item shrink0">1（不缩小）</view>
  <view class="item">2</view>
</view>
<style>
.shrink0 { flex-shrink: 0; }
.item { width: 400rpx; } /* 故意超出容器宽度 */
</style>

</view>

<style>

.shrink0 { flex-shrink: 0; }

.item { width: 400rpx; } /* 故意超出容器宽度 */

</style>

结果：第一个元素保持宽度，第二个被压缩

3. align-self

单个项目的交叉轴对齐方式

<view class="container">
  <view class="item self-center">居中对齐</view>
  <view class="item">默认对齐</view>
</view>
<style>
.self-center {
  align-self: center;
}
</style>

</view>

<style>

.self-center {

align-self: center;

}

</style>

四、综合示例

<template>
    <view class="container">
        <view class="item header">Header</view>
        <view class="item main">Main Content</view>
        <view class="item footer">Footer</view>
    </view>
</template>

<style>
.container {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.header, .footer {
    height: 100rpx;
    background: #eee;
}

.main {
    flex: 1;
    background: #f0f0f0;
}
</style>

<view class="item header">Header</view>

<view class="item main">Main Content</view>

<view class="item footer">Footer</view>

</view>

</template>

<style>

.container {

display: flex;

flex-direction: column;

height: 100vh;

}

.header, .footer {

height: 100rpx;

background: #eee;

}

.main {

flex: 1;

background: #f0f0f0;

}

</style>

结果：经典的头-主体-底布局

五、注意事项

在微信小程序中需添加 overflow: hidden 解决兼容性问题
使用 rpx 单位保证多端适配
推荐配合 box-sizing: border-box 使用

yarn : 无法加载文件 d:\nodejs\yarn.ps1，因为在此系统上禁止运行脚本。

分类：Android, Java, Others, Others 阅读 (1,156) 已关闭评论

1月 122023

执行yarn android出现如下错误

yarn : 无法加载文件 d:\nodejs\yarn.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
所在位置 行:1 字符: 1
+ yarn android
+ ~~~~
    + CategoryInfo          : SecurityError: (:) []，PSSecurityException
    + FullyQualifiedErrorId : UnauthorizedAccess

yarn : 无法加载文件 d:\nodejs\yarn.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。

所在位置行:1 字符: 1

+ yarn android

+ ~~~~

+ CategoryInfo : SecurityError: (:) []，PSSecurityException

+ FullyQualifiedErrorId : UnauthorizedAccess

解决办法：

打开“开始”菜单，搜索powershell，在powershell菜单上右键，点击“以管理员身份运行”
在打开的powershell命令行窗口中输入get-ExecutionPolicy，可以查看返回的是Restricted，这个意思是管理员权限是禁用的
在命令行窗口中输入set-ExecutionPolicy remotesigned，按照提示输入y，回车，就可以执行yarn相关命令了

复习一些几何知识

分类：Others, Others 阅读 (1,539) 已关闭评论

11月 112022

1. 已知三角形三边长度，计算面积

三边长度：a, b, c

半周长：p = (a + b + c) / 2

三角形面积：S = √[p(p-a)(p-b)(p-c)] =（1/4）√[(a+b+c)(a+b-c)(a+c-b)(b+c-a)]

2. 已知三角形各边长度，求其中某个顶点到对边的距离

三边长度：a, b, c，求a到bc边的距离ad

根据上面公式得出三角形面积，

由公式S = 1/2 (底 x 高)，则ad = 2*S / bc

3. 设三角形三边分别为a、b、c，内切圆半径为r，则三角形面积=(a+b+c)r/2

4. 已知三角形两边a，b，这两边夹角C，则S＝1/2 * absinC

密码保护：树莓派小称需要安装的东西

分类：Others, Others 阅读 (1,300) 已关闭评论

9月 292020

树莓派gpio编程（二）声控器输入

分类：C++, Others, Others 阅读 (1,465) 已关闭评论

8月 222019

一、编程语言

使用c语言和wiringPi库

具体见树莓派gpio编程（一）控制Led灯

二、硬件连接

对于这种开关量的传感器，一般有三个针脚VCC、GND、OUT，通常情况下连接方式如下：

vcc接树莓派引脚的3.3v

gnd接树莓派的gnd

out接树莓派gpio0

三、软件编写

新建inputtest.c，并输入以下内容

#include <stdio.h>
#include <wiringPi.h>


#define LED 0
#define BLINK_INTERVAL 100

int main(void){
	printf("LED blink!\n");
	wiringPiSetup();
	pinMode(LED, INPUT);
	for(;;){
		int input = digitalRead(LED);
		printf("input is %d\n", input);
		delay(BLINK_INTERVAL);
	}
	return 0;
}

#include <stdio.h>

#include <wiringPi.h>

#define LED 0

#define BLINK_INTERVAL 100

int main(void){

printf("LED blink!\n");

wiringPiSetup();

pinMode(LED, INPUT);

for(;;){

int input = digitalRead(LED);

printf("input is %d\n", input);

delay(BLINK_INTERVAL);

}

return 0;

}

四、软件编译

使用下面的命令编译程序

gcc inputtest.c -lwiringPi -Wall -o inputtest

1	gcc inputtest.c -lwiringPi -Wall -o inputtest

五、运行程序

在控制台中输入以下命令运行程序

./inputtest

六、运行结果

当发出声音，声控器被触发的时候会输出input is 1

否则输出input is 0

七、其他说明

对于避障器、测速器等开关量的传感器都可以使用此程序读取输入

软件开发中用到的几种图

分类：Others, Others 阅读 (1,338) 已关闭评论

8月 152019

一、思维导图

二、流程图

三、DFD数据流图

四、时序图

五、UML类图

树莓派无键盘情况下配置无线网络

分类：Others, Others 阅读 (2,956) 已关闭评论

7月 032019

转载自：http://shumeipai.nxez.com/2017/09/13/raspberry-pi-network-configuration-before-boot.html

不算是什么新功能了，在树莓派3B发布后不久，树莓派官方 Raspbian 系统久加入了允许在开机前对 WiFi 网络进行配置的机制。

注意，这个方法仅适用于全新安装树莓派系统到 SD 卡之后没有做过任何 Wi-Fi 配置的情况下有效。如果你之前配置过 Wi-Fi，再用本方法系统会默认使用已有的配置而忽略这里的配置。因此建议使用前重新安装系统。

一、WiFi 网络配置

用户可以在未启动树莓派的状态下单独修改 /boot/wpa_supplicant.conf 文件配置 WiFi 的 SSID 和密码，这样树莓派启动后会自行读取 wpa_supplicant.conf 配置文件连接 WiFi 设备。

操作方法简单：将刷好 Raspbian 系统的 SD 卡用电脑读取。在 boot 分区，也就是树莓派的 /boot 目录下新建 wpa_supplicant.conf 文件，按照下面的参考格式填入内容并保存 wpa_supplicant.conf 文件。

country=CN
ctrl_interface=DIR=/var/run/wpa_supplicant GROUP=netdev
update_config=1
 
network={
ssid="WiFi-A"
psk="12345678"
key_mgmt=WPA-PSK
priority=1
}
 
network={
ssid="WiFi-B"
psk="12345678"
key_mgmt=WPA-PSK
priority=2
scan_ssid=1
}

说明以及不同安全性的 WiFi 配置示例：
#ssid:网络的ssid
#psk:密码
#priority:连接优先级，数字越大优先级越高（不可以是负数）
#scan_ssid:连接隐藏WiFi时需要指定该值为1

如果你的 WiFi 没有密码

network={
ssid="你的无线网络名称（ssid）"
key_mgmt=NONE
}

如果你的 WiFi 使用WEP加密

network={
ssid="你的无线网络名称（ssid）"
key_mgmt=NONE
wep_key0="你的wifi密码"
}

如果你的 WiFi 使用WPA/WPA2加密

network={
ssid="你的无线网络名称（ssid）"
key_mgmt=WPA-PSK
psk="你的wifi密码"
}

如果你不清楚 WiFi 的加密模式，可以在安卓手机上用 root explorer 打开 /data/misc/wifi/wpa/wpa_supplicant.conf，查看 WiFi 的信息。

二、开启 SSH 服务

如果通过 ssh 连接树莓派出现 Access denied 这个提示则说明 ssh 服务没有开启。要手动开启的话，和 WiFi 配置相似，同样在 boot 分区新建一个文件，空白的即可，文件命名为 ssh。注意要小写且不要有任何扩展名。
树莓派在启动之后会在检测到这个文件之后自动启用 ssh 服务。随后即可通过登录路由器找到树莓派的 IP 地址，通过 ssh 连接到树莓派了。（有关开启 SSH 服务的详细方法）

如果需要远程桌面方式操作树莓派，可以通过 ssh 安装 xrdp，再用 Windows 的远程桌面客户端连接到树莓派。

这个小技巧对于没有有线网卡、没有标准 USB 接口来直连键鼠，但集成了 WiFi 的树莓派 Zero W 尤其实用。

Android.mk文件介绍

分类：Android, Java, Others, Others 阅读 (2,690) No Responses »

6月 282018

１．简单介绍

Android.mk是Android源码编译系统的Makefile，用于编译系统中的C++和Java的动态库＼静态库＼可执行文件和apk等．
其大概格式如下：

LOCAL_PATH := $(call my-dir)

include $(CLEAR_VARS)
LOCAL_MODULE_TAGS := optional
LOCAL_STATIC_JAVA_LIBRARIES := libarity android-support-v4 guava
LOCAL_SRC_FILES := $(call all-java-files-under, src)
LOCAL_SDK_VERSION := current
LOCAL_PACKAGE_NAME := Calculator
include $(BUILD_PACKAGE)

##################################################
include $(CLEAR_VARS)
LOCAL_PREBUILT_STATIC_JAVA_LIBRARIES := libarity:arity-2.1.2.jar
include $(BUILD_MULTI_PREBUILT)

# Use the folloing include to make our test apk.
include $(call all-makefiles-under,$(LOCAL_PATH))

２．常用语法格式介绍

上面的示例中共涉及到三类语法
１）变量的定义，比如其中的LOCAL_PATH为定义的变量，可以在其他地方被调用
变量不是必须全部大写或者必须以LOCAL_开头，可以是其他形式的，因为安卓的编译系统会加载所有的mk文件到一个环境里面，所以定义变量应该加上一个特殊的前缀，防止覆盖一些全局的变量．
２）my-dir为mk系统中预定义的宏，通过$(call my-dir)来调用
mk系统中还定义了很多其他的宏，这些定义均在build/core/definitions.mk中，有兴趣的可以浏览一下这个文件
３）include语法包含其他的mk文件
我们可以看到示例中有一个include $(BUILD_PACKAGE)，其实BUILD_PACKAGE是在buile/core/config.mk中定义一个变量，如下：
BUILD_PACKAGE:= $(BUILD_SYSTEM)/package.mk
这一行代码其实是把package.mk包含到了编译步骤中，用于编译Calculator这个apk
４）shell命令

３．mk文件结构介绍

１）通常都以LOCAL_PATH开始，指定当前工程的路径，一般也是使用my-dir宏指定，如下：
LOCAL_PATH := $(call my-dir)

２）编写具体模块编译脚本
首先确定编译模块的类型，是静态c++库＼动态C++库还是可执行程序，或者jar包或者apk，参见＂模块编译类型定义＂部分．
a. 一个mk文件中可以编译多种类型的模块，每个模块一般都是以include $(CLEAR_VARS)开始
CLEAR_VARS实际上是引用的build/core/clear_vars.mk文件，用于清除部分以LOCAL_开始的变量（不会清除LOCAL_PATH），具体可以浏览clear_vars.mk

b. 然后定义编译这个模块所需要用到的一些LOCAL_变量，比如如下：
LOCAL_STATIC_JAVA_LIBRARIES := libarity android-support-v4 guava　　#编译apk用到的静态库
LOCAL_SRC_FILES := $(call all-java-files-under, src) # 要编译的源码
LOCAL_PACKAGE_NAME := Calculator #包名

c. include + 编译类型　结尾，如：
include $(BUILD_PACKAGE)

４．模块编译类型定义

mk系统支持多种类型的编译，这些类型都在build/core/config.mk中定义，每种编译类型由一个特定的mk文件去处理，如下是在Android4.4系统中抓取的编译类型定义．
BUILD_HOST_STATIC_LIBRARY:= $(BUILD_SYSTEM)/host_static_library.mk
BUILD_HOST_SHARED_LIBRARY:= $(BUILD_SYSTEM)/host_shared_library.mk
BUILD_STATIC_LIBRARY:= $(BUILD_SYSTEM)/static_library.mk
BUILD_RAW_STATIC_LIBRARY := $(BUILD_SYSTEM)/raw_static_library.mk
BUILD_SHARED_LIBRARY:= $(BUILD_SYSTEM)/shared_library.mk
BUILD_EXECUTABLE:= $(BUILD_SYSTEM)/executable.mk
BUILD_RAW_EXECUTABLE:= $(BUILD_SYSTEM)/raw_executable.mk
BUILD_HOST_EXECUTABLE:= $(BUILD_SYSTEM)/host_executable.mk
BUILD_PACKAGE – 构建一个Android apk
BUILD_PHONY_PACKAGE:= $(BUILD_SYSTEM)/phony_package.mk
BUILD_HOST_PREBUILT:= $(BUILD_SYSTEM)/host_prebuilt.mk
BUILD_PREBUILT:= $(BUILD_SYSTEM)/prebuilt.mk
BUILD_MULTI_PREBUILT:= $(BUILD_SYSTEM)/multi_prebuilt.mk
BUILD_JAVA_LIBRARY:= $(BUILD_SYSTEM)/java_library.mk
BUILD_STATIC_JAVA_LIBRARY:= $(BUILD_SYSTEM)/static_java_library.mk
BUILD_HOST_JAVA_LIBRARY:= $(BUILD_SYSTEM)/host_java_library.mk
BUILD_DROIDDOC:= $(BUILD_SYSTEM)/droiddoc.mk
BUILD_COPY_HEADERS := $(BUILD_SYSTEM)/copy_headers.mk
BUILD_NATIVE_TEST := $(BUILD_SYSTEM)/native_test.mk
BUILD_HOST_NATIVE_TEST := $(BUILD_SYSTEM)/host_native_test.mk
BUILD_NOTICE_FILE := $(BUILD_SYSTEM)/notice_files.mk

5. Local变量介绍

LOCAL_PATH – 工程路径，通常为$(call my-dir)，代表本目录和所有子目录

LOCAL_SRC_FILES – 项目源文件，不只是ｃ或者java代码，也可以是apk或者so等文件，可添加多个，使用\加换行连接多个源文件

LOCAL_MODULE_CLASS – 可以为以下值：EXECUTABLES、FIRMWARE、SHARED_LIBRARIES、ETC、APPS、STATIC_LIBRARIES、NATIVE_TESTS、JAVA_LIBRARIES、FAKE、HEADER_LIBRARIES等

LOCAL_MODULE_TAGS – 在哪些系统版本下编译此项目，可以为eng、user、debug、tests、optional，optional表示在所有版本下都

LOCAL_MODULE – 项目名称

LOCAL_CERTIFICATE – 项目签名类型，可以为testkey、platform、shared、media、PRESIGNED（使用原签名），platform代表为系统应用

LOCAL_MODULE_PATH – 项目输出路径

LOCAL_PRIVILEGED_MODULE – 不设置或者设置为false，安装位置为system/app，如果设置为true，则安装位置为system/priv-app

LOCAL_MODULE_SUFFIX – module的后缀，可不设置

LOCAL_DEX_PREOPT – 是否对apk或者jar包进行odex优化，不设置代表默认优化，设置为false代表不优化

LOCAL_JACK_ENABLED – 有三种模式：full、incremental、disabled

svn对比文件时提示Unreadable path encountered; access denied

分类：Others, Others 阅读 (1,193) 已关闭评论

6月 252018

解决方法：

修改svn项目目录下的conf/svnserve.conf

将anon-access的值由read改成none就可以了，如下：

# anon-access = read
anon-access = none

1 2	# anon-access = read anon-access = none

Page 1 of 2 1 2 Older Entries

二、（父）容器属性详解

1. flex-direction

2. justify-content

3. align-items

4. flex-wrap

5. align-content

三、项目属性

1. flex-grow

2. flex-shrink

3. align-self

四、综合示例

五、注意事项

1. 已知三角形三边长度，计算面积

2. 已知三角形各边长度，求其中某个顶点到对边的距离

3. 设三角形三边分别为a、b、c，内切圆半径为r，则三角形面积=(a+b+c)r/2

4. 已知三角形两边a，b，这两边夹角C，则S＝1/2 * absinC

一、编程语言

二、硬件连接

三、软件编写

四、软件编译

五、运行程序

六、运行结果

七、其他说明

一、文章背景

二、下载镜像

三、准备sd卡

四、烧录系统

一、WiFi 网络配置

二、开启 SSH 服务

１．简单介绍

２．常用语法格式介绍

３．mk文件结构介绍

４．模块编译类型定义

5. Local变量介绍