如何更改小程序圖片

A. 蘋果照片小程序怎麼換照片

蘋果照片小程序可以點擊設置，然後點擊換照片讓我把你想換的照片換。

B. 小程序頭像怎麼改，需要詳細流程

第一步，登陸微信小程序後台
第二步，點擊左側設置
第三步，找到微信小程序頭像點擊修改
第四步，選擇圖片上傳
第五步，調整圖片提交保存

C. 微信小程序不能改圖片嗎

可以的。

聯想GeekPro2020

Windows 10

微信。

方法/步驟：

1、打開電腦，在電腦上准備一張照片，如圖所示，我們的這張照片大小有兩兆多。

D. 微信小程序如何圖片之上添加圖片，還可以放大縮小更換圖片，保存圖片

首先要有這樣的小程序才可以，因為小程序也是類似軟體的存在，這些功能都需要開發，一個小程序沒有這些功能，作為用戶也是沒辦法增加的。
可以找一些處理圖片的小程序。

E. 蘋果桌面小程序照片怎麼換

蘋果桌面小程序的照片，你想要更換的話，這個你可以登入小程序頁面去更改。

F. 微信小程序怎麼讓照片變小

從你的描述來看，你的微信小程序想要讓照片變小的話，建議你打開美圖秀秀小程序，然後上傳照片，然後另存為其他格式就可以變小了。

G. 微信小程序頭像怎麼改

主要步驟

• 獲取用戶頭像

• 圖片模板

• 圖片合成

一、獲取用戶頭像

製作自定義頭像的第一步就是先選擇圖片。在【海豚趣圖】的交互設計中，用戶有三種選擇圖片的方式：微信頭像、本地相冊和相機拍攝。獲取用戶頭像的產品設計如下圖所示：

1、由於微信官方不再支持通過 wx.getUserInfo 介面來獲取用戶信息，我們必須通過使用button組件並將open-type指定為getUserInfo類型來獲取或展示用戶信息。

• 為優化用戶體驗，使用 wx.getUserInfo 介面直接彈出授權框的開發方式將逐步不再支持。從2018年4月30日開始，小程序與小游戲的體驗版、開發版調用 wx.getUserInfo 介面，將無法彈出授權詢問框，默認調用失敗。正式版暫不受影響。

上圖中彈出底部菜單的交互方式無法通過wx.showActionSheet來實現（因為該介面只能指定字元串文本，不能使用button,navigator等組件）。

因此，只能通過自定義actionSheet組件來實現以上功能。

mmp-action-sheet 組件

以下是 mmp-action-sheet 組件的代碼。

index.wxml

• <view hidden="{{!actionShow}}" class="mask {{mask}}" bindtap="actionHide"> <view class="actionSheet animated {{animation}}">


• <slot></slot>


• <button class="close" bindtap="actionHide">{{closeText}}</button>


• </view></view>



2、通過slot在 action-sheet 中插入自定義的內容，比如button、navigator等。

index.wxss

• .mask{ position: fixed; top: 0; left: 0; width:100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 999;


• }.actionSheet{ width: 100%; position: absolute; top: 100%; z-index: 1000; overflow: hidden;


• }.actionSheet button,.actionSheet navigator{ color: #000; text-align: center; background: #fff; border-radius: 0; line-height: 3.5; font-size: 32rpx; border-bottom: 1rpx solid rgb(236, 236, 236); opacity: 1;


• }.actionSheet button:active,.actionSheet navigator:active{ color:#000; background: rgb(236, 236, 236);


• }.actionSheet button::after,.actionSheet navigator::after{ border: none; border-radius: 0;


• }.actionSheet .close{ border-bottom: none; border-bottom: 50rpx solid #fff; border-top: 16rpx solid rgb(236, 236, 236);


• }.animated { animation-timing-function: ease-out; animation-ration: 0.2s; animation-fill-mode: both;


• }@keyframes fadeInBottom {from{ transform: translate3d(0, 0, 0);


• } to { transform: translate3d(0, -100%, 0);


• }


• }.fadeInBottom { animation-name: fadeInBottom;


• }@keyframes fadeOutBottom {from{ transform: translate3d(0, -100%, 0);


• } to { transform: translate3d(0, 0, 0);


• }


• }.fadeOutBottom { animation-name: fadeOutBottom;


• }@keyframes fadeIn {from{ opacity: 0;


• } to { opacity: 1;


• }


• }.fadeIn { animation-name: fadeIn;


• }@keyframes fadeOut {from{ opacity: 1;


• } to { opacity: 0;


• }


• }.fadeOut { animation-name: fadeOut;


• }



index.js

• Component({ properties: { actionSheetStatus: { type: Boolean, value: false,


• observer(newVal) {


• if (newVal) {


• this.setData({ actionSheetStatus: true, animationMask: 'fadeIn', animationSheet: 'fadeInBottom'


• })


• } else { this.setData({ actionSheetStatus: false, animationMask: 'fadeOut', animationSheet: 'fadeOutBottom'


• })


• }


• }


• }, closeText: { type: String, value: '取消'


• }


• }, data: { animationMask: 'fadeIn', animationSheet: 'fadeInBottom'


• }, methods: {


• closeActionSheet() {


• this.setData({ animationMask: 'fadeOut', animationSheet: 'fadeOutBottom'


• })


• setTimeout(() => {


• this.setData({actionSheetStatus: false})


• }, 300)


• }


• }


• })



組件只有兩個參數：

• actionSheetStatus指定組件的初始展示狀態，默認為false，表示不顯示組件。

• closeText指定關閉按鈕的名字，默認為取消。

index.json

• { "component": true, "usingComponents": {}


• }



接下來在頁面中調用組件，在組件中插入了3個button組件來實現來獲取用戶頭像：

• <action-sheet actionSheetStatus="{{actionSheetStatus}}">


• <button open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">使用微信頭像</button>


• <button bindtap="pickPic" data-source-type="album">使用本地相冊</button>


• <button bindtap="pickPic" data-source-type="camera">拍照</button>


• </action-sheet>



以上我們通過自定義組件mmp-action-sheet就解決了原生的 actionsheet 無法指定button，從而無法獲取用戶微信頭像的問題。

該組件我已經發布到npm包，需要用到的同學可以通過npm安裝，也可以在github上查看源碼和使用文檔。

二、圖片模板

有了原圖，接下來我們需要選擇圖片模板。如果模板數量不多或者模板變化不頻繁，我們可以直接把模板放在本地。鑒於我提供的模板比較多，放在本地會增大小程序源碼的大小，我把模板上傳到了小程序的雲存儲中，通過雲函數來動態獲取圖片模板，方便以後模板擴展。

雲函數tpl的代碼如下：

• // 雲函數入口文件const cloud = require('wx-server-sdk')



• cloud.init()// 雲函數入口函數exports.main = async (event, context) => { const wxContext = cloud.getWXContext() // 1. 獲取資料庫引用


• const db = cloud.database() const MAX_LIMIT = 100


• // 2. 構造查詢語句


• const countResult = await db.collection('template').count() const total = countResult.total // 計算需分幾次取


• const batchTimes = Math.ceil(total / 100) const tasks = [] for (let i = 0; i < batchTimes; i++) { const promise = db.collection('template').skip(i * MAX_LIMIT).limit(MAX_LIMIT).get()


• tasks.push(promise)


• } return (await Promise.all(tasks)).rece((acc, cur) => { return {


• data: acc.data.concat(cur.data),


• errMsg: acc.errMsg,


• }


• })


• }



頁面中調用雲函數拉取模板：

• getTpl() { const self = this


• // 調用雲函數獲取圖片模板


• wx.cloud.callFunction({


• name: 'tpl'


• }).then(res => {


• self.setData({


• templates: res.result.data


• })


• })


• }



三、問題

到這里模板的獲取邏輯已經沒有問題了，但在開發過程中遇到了一個問題。模板圖片的鏈接我使用的是雲文件ID，當有大量圖片並行載入的時候，只有部分圖片能夠顯示，我看了一下dom節點其實都已經存在了，image的src的地址也都是正確的。

• 1、微信官方自2.3.0開始已經支持在image中使用雲文件ID。雲文件ID的格式為：cloud://xxx.xxx/templates/01.png。

我猜測可能是對微信雲存儲並發請求過多導致的（有知道的同學可以告知），因為我試了一下將雲文件ID換成正常的HTTPS的鏈接是沒問題的。

由此可知，可以想到有三種可行的解決方案：

• 2、將圖片模板存儲到外部OSS，使用https協議的鏈接。

• 3、使用wx.getTempFileURL用雲文件 ID 換取真實鏈接，也就是https形式的鏈接。

• 4、控制圖的並行載入數量。我的實踐是將並行載入數量控制在20，當用戶滾動的時候再發起下一次請求。

H. 微信小程序 怎麼設置小程序的頭像

小程序登錄，左側底部菜單——設置，如下圖：「修改」

I. 小程序圖標怎麼換

一、工具/原料

文章在win7系統進行

二、步驟/方法

1、點擊開始再選擇控制面板，進入控制面板，選擇滑鼠，進入滑鼠對話框，選擇指針。

2、然後我們就可以看到方案，在這裡面有很多系統方案(當然這個你自己也可以添加)，我們選擇自己喜歡的方案，隨便點擊一個在右邊是有預覽的。

3、然後我們選擇黑色(系統方案)，可以在預覽框看到圖標是變了，點擊應用就可以看到滑鼠會變樣。

4、然後在下面有個自定義，我們可以按照自己的愛好設計其圖標，雙擊就可以進入相應的界面，在這里不做概述。點擊確定我們就可以在整個操作系統滑鼠圖標就變換啦。

三、什麼是圖標小箭頭

圖標小箭頭是在計算機開始使用滑鼠後為了在圖形界面上標識出滑鼠位置而產生的，隨著計算機軟體的發展，它漸漸的包含了更多的信息。在Windows操作系統中，它首次用不同的指針來表示不同的狀態，如：系統忙，移動中，拖放中。在Windows系統中，使用的圖標小箭頭文件被稱為「 游標 文件」或「動態游標文件」。 現今流行博客，很多blogger可以自由編輯自己的網頁。圖標小箭頭就成了耍寶的一大亮點。把大眾化的白色箭頭通過代碼換成自己喜歡的圖案。當然，它也可以用於各種網路平台，比如論壇之類的。圖標小箭頭目前經常使用的格式有*.cur和*.ani兩種格式。

以上，就是圖標小箭頭怎麼換圖案的步驟。我們的電腦系統裡面也有自帶一些圖案，我們可以直接更換一些電腦本身就有的圖案，也可以根據自己的喜歡，去一些網站上下載一些下來。我們下載的時候要注意圖片的大小和像素規格，並不是所有的圖案都可以下載來當圖標小箭頭的。我們最好選擇一些適合的，不然下載了用不了也一件比較揪心的事情。

J. 怎麼樣將.bat小程序的圖標改成自己喜歡的圖片要寫什麼代碼呢

HKEY_CLASSES_ROOT\batfile\DefaultIcon
%SystemRoot%\System32\imageres.dll,-68
把%SystemRoot%\System32\imageres.dll,-68改成你想要的路徑就行
圖片記得先轉換為ico模式
網上有在線轉換工具