Fresco實踐總結

原創 Coco_Queen 2020-06-20 17:24

Fresco實踐總結-高斯模糊、圓形圓角、URL、File、Assets、Resource


題外話：在這之前的一段時間裏，由於種種原因，一直在忙，在這草長鶯飛的三月，開啓我2017的第一篇博文。2017，讓我們共同創造神話。本篇文章轉載自：http://blog.yanzhenjie.com


Code Behavior, one can.t be less.

Fresco是一個Facebook開源的Android圖片加載庫，性能真的讓我無話可說，而且滿足了我對圖片加載的一切幻想，所以我必須爲它寫一篇文章，當然更多的是自己的總結與記錄。 
Fresco開源地址：https://github.com/facebook/fresco 
Fresco文檔地址：https://www.fresco-cn.org

前端時間我寫了一個Android相冊庫Album：https://github.com/yanzhenjie/album，當時我在做測試的時候發現，用Picasso或者Glide時，當列表達到上千條時，滑動起來就會卡，但是換成Fresco後一點都不卡了，而且Fresco做到的幾個內置效果讓我欣喜若狂，所以我把我的使用總結記錄下來：

依賴Fresco

// 一般依賴：
compile 'com.facebook.fresco:fresco:0.14.1'

// 如果需要支持gif，再添加：
compile 'com.facebook.fresco:animated-gif:0.12.0'
  • 1
  • 2
  • 3
  • 4
  • 5

初始化

建議在App啓動就初始化，所以建議寫在Application#onCreate()中，記得在manifest.xml註冊Application

一般初始化：

public class App extends Application {

    @Override
    public void onCreate() {
        super.onCreate();
        Fresco.initialize(this);
    }
    ...
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

高級初始化-配置緩存文件夾

// 高級初始化：
Fresco.initialize(this, ImagePipelineConfig.newBuilder(App.this)
    .setMainDiskCacheConfig(
        DiskCacheConfig.newBuilder(this)
            .setBaseDirectoryPath(new File("SD卡路徑")) // 注意Android運行時權限。
            .build()
    )
    .build()
);
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

上面的高級初始化當然不止這麼一點點，這裏舉出一個敏感的例子，就是配置緩存SD卡路徑，這裏涉及到Android6.0運行時權限，我也給一個解決方案，我使用的權限管理庫是AndPermission（https://github.com/yanzhenjie/AndPermission）：

首先在Application中判斷是否有SD卡權限，如果有則初始化到SD卡，如果沒有則採用默認配置：

public class App extends Application {

    private static App app;

    @Override
    public void onCreate() {
        super.onCreate();

        app = this;

        // 如果有SD卡權限則直接初始化到SD卡。
        if (AndPermission.hasPermission(this, Manifest.permission.READ_EXTERNAL_STORAGE))
            initFresco();
        else { // 沒有權限，暫時使用默認配置。
            Fresco.initialize(this);
        }

    }

    /**
     * 高級初始話Fresco。
     */
    public void initFresco() {
        // 高級初始化：
        Fresco.initialize(this, ImagePipelineConfig.newBuilder(App.this)
                .setMainDiskCacheConfig(
                        DiskCacheConfig.newBuilder(this)
                                .setBaseDirectoryPath(new File("SD卡的路徑..."))
                                .build()
                )
                .build()
        );
    }

    public static App get() {
        return app;
    }
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38

然後在SplashActivity申請SD卡權限，已被下次進入App時初始化Fresco時擁有SD卡權限：

public class SplashActivity extends AppCompatActivity {

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        // 申請權限。
        AndPermission.with(this)
                .requestCode(100)
                .permission(Manifest.permission.READ_CALENDAR)
                .send();
    }

    @Override
    public void onRequestPermissionsResult(int requestCode, 
        @NonNull String[] permissions, @NonNull int[] grantResults) {
        AndPermission.onRequestPermissionsResult(requestCode, permissions, grantResults, listener);
    }

    /**
     * 權限監聽。
     */
    private PermissionListener listener = new PermissionListener() {
        @Override
        public void onSucceed(int requestCode, List<String> grantPermissions) {
            if(requestCode == 100)
                // 啓動app：
                startActivity(new Intent(SplashActivity.this, MainActivity.class));
        }

        @Override
        public void onFailed(int requestCode, List<String> deniedPermissions) {
            if(requestCode == 100)
                // 用戶不授權，則退出app：
                finish();
        }
    };
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38

高級初始化-配置網絡層爲OkHttp

Fresco默認使用HttpURLConnection作爲網絡層，當然也可以配置OkHttp作爲它的網絡層，配置OkHttp爲它的網絡層需要依賴下面的庫：

compile "com.facebook.fresco:imagepipeline-okhttp3:0.12.0+"
  • 1

然後在Application中初始化的時候注意：

/**
 * 初始話Fresco。
 */
public void initFresco() {
    // 你的OkHttpClient根據你的設計來，建議是單例：
    OkHttpClient okHttpClient = new OkHttpClient();
    Fresco.initialize(this, OkHttpImagePipelineConfigFactory.newBuilder(App.this, okHttpClient)
        .setMainDiskCacheConfig(
            DiskCacheConfig.newBuilder(this)
                .setBaseDirectoryPath(new File("SD卡的路徑..."))
                .build()
        )
        .build()
    );
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15

這裏只需要注意原來的ImagePipelineConfig換成了OkHttpImagePipelineConfigFactory，並且需要一個OkHttpClient的對象。

加載網絡圖片、url、assets、res、本地File圖片

先給出支持的URI格式列表（列表來自fresco-cn.org）：

Type Scheme Sample
http遠程圖片 http://或者https:// HttpURLConnection或者OkHttp
本地文件 file:// FileInputStream
Content provider content:// ContentResolver
res目錄下的資源 res:// Resources.openRawResource
asset目錄下的資源 asset:// AssetManager
Uri中指定圖片數據 data:mime/type;base64, 數據類型必須符合rfc2397規定 (僅支持 UTF-8)

SimpleDraweeView

實際開發中，如果沒有特殊需求，我們一般使用SimpleDraweeView來佔位，傳統的圖片加載框架一般是使用ImageView，例如：

<ImageView
.../>
  • 1
  • 2

在使用Fresco時我們一般使用SimpleDraweeView，它也是繼承ImageView的：

<com.facebook.drawee.view.SimpleDraweeView
    android:id="@+id/iv_head_background"
    android:layout_width="match_parent"
    android:layout_height="@dimen/dp_200"/>
  • 1
  • 2
  • 3
  • 4

把它當成我們平常使用的ImageView即可，不過我們要注意Fresco不支持wrap_content（具體原因看這裏），需要使用match_parent或者顯示指定view寬高，有些同學看到這個就很頭疼了，但是這真的不是什麼問題，下面給出解決方案：

一、由服務器返回URL時返回圖片的寬高信息 
平常我們服務器這樣返回圖片url的：

{
    "name":"嚴振杰",
    "head":"http://www.yanzhenjie.com/images/main/yzj_head.png"
}
  • 1
  • 2
  • 3
  • 4

使用Fresco我們可以把一個圖片url當成一個對象包裹起來：

{
    "name":"嚴振杰",
    "head": 
        {
            "url":"http://www.yanzhenjie.com/images/main/yzj_head.png",
            "width":"500",
            "height":"500"
        }
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

或者在URL後面跟一個寬高的參數：

{
    "name":"嚴振杰",
    "head":"http://www.yanzhenjie.com/images/main/yzj_head.png?width=500&height=500"
}
  • 1
  • 2
  • 3
  • 4

二、根據設計師的給的尺寸，預先設置圖片寬高 
設計師設計UI的時候肯定會用一個屏幕作爲標準，比如iOS的750*1340，或者Android的720*1280，我們可以根據設計圖和手機實際寬高計算出View在手機中應有的寬高，見下面的代碼。

最後：我們在解析出來寬高後，我們可以動態的設置SimpleDraweeView的寬高：

/**
 * 設置view大小。
 *
 * @param view  View。
 * @param width 指定寬。
 * @param width 指定高。
 */
public static void requestLayout(View view, int width, int height) {
    ViewGroup.LayoutParams layoutParams = view.getLayoutParams();
    if (layoutParams == null) {
        layoutParams = new ViewGroup.LayoutParams(width, height);
        view.setLayoutParams(layoutParams);
    } else {
        view.getLayoutParams().width = width;
        view.getLayoutParams().height = height;
        view.requestLayout();
    }
}

/**
 * 根據設計圖寬高，計算出View在該屏幕上的實際寬高。
 *
 * @param width  設計圖中View寬。
 * @param height 設計圖中View高。
 */
public static void calcRealSizeByDesign(View view, int width, int height) {
    int realWidth, realHeight;
    realWidth = 設備屏幕寬度 * width / 設計圖屏幕寬度;
    realHeight = measure[0] * height / width;
    requestLayout(view, realWidth, realHeight);
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31

基礎配置和注意的地方講完了，那麼下面就是重頭戲了，如何加載圖片。

一、加載http/https遠程圖片

/**
 * 顯示http或者https遠程圖片。
 *
 * @param draweeView imageView。
 * @param url        連接地址。
 */
public static void showUrl(SimpleDraweeView draweeView, String url) {
    try {
        draweeView.setImageURI(Uri.parse(url));
    } catch (Exception e) {
        e.printStackTrace();
    }
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13

二、顯示本地圖片

這裏就有個坑了，先看一下下面我寫了兩個方法，一個需要傳入View的實際寬高，一個不需要。上面已經說了，SimpleDraweeView需要在xml中、java中指定它的寬高，或者是使用match_parent。

這裏需要注意，1. 如果view指定的寬高不是match_parent則直接調用第二個不需要傳入寬高的發那個發，如果爲SimpleDraweeView寫的寬高是match_parent時，加載圖片需要告訴Fresco你的View在屏幕上的實際寬高是多少，否則是不能加載出來的。

比如，你的SimpleDraweeView是全屏的，那麼你就填入屏幕的寬高，如果不是全屏，就利用上面講的方法測量出View的實際寬高後傳入。

/**
 * 顯示一個本地圖片。
 *
 * @param draweeView imageView。
 * @param path       路徑。
 * @param width      實際寬。
 * @param height     實際高度。
 */
public static void showFile(SimpleDraweeView draweeView, String path, int width, int height) {
    try {
        Uri uri = Uri.parse("file://" + path);
        ImageRequest request = ImageRequestBuilder.newBuilderWithSource(uri)
                .setResizeOptions(new ResizeOptions(width, height))
                .build();
        AbstractDraweeController controller = Fresco.newDraweeControllerBuilder()
                .setOldController(draweeView.getController())
                .setImageRequest(request)
                .build();
        draweeView.setController(controller);
    } catch (Exception e) {
        e.printStackTrace();
    }
}

/**
 * 顯示本地圖片。
 *
 * @param draweeView imageView。
 * @param path       路徑。
 */
public static void showFile(SimpleDraweeView draweeView, String path) {
    try {
        Uri uri = Uri.parse("file://" + path);
        draweeView.setImageURI(uri);
    } catch (Exception e) {
        e.printStackTrace();
    }
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38

三、顯示res中圖片

這裏要注意，我們在爲res中的圖片生成Uri的時候：

Uri uri = Uri.parse("res://包名(任何字符串或者留空)/" + R.drawable.ic_launcher);
  • 1

所以我們一般留空，因此我們的代碼看起來是下面的樣子：

/**
 * 顯示一個Res中的圖片。
 *
 * @param draweeView ImageView。
 * @param resId      資源ID。
 */
public static void showRes(SimpleDraweeView draweeView, @DrawableRes int resId) {
    try {
        // 你沒看錯，這裏是三個///。
        draweeView.setImageURI(Uri.parse("res:///" + resId));
    } catch (Exception e) {
        e.printStackTrace();
    }
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14

四、顯示ContentProvider圖片

/**
 * 顯示content provider圖片。
 *
 * @param draweeView image view。
 * @param path       路徑。
 */
public static void showContentProvider(SimpleDraweeView draweeView, String path) {
    try {
        draweeView.setImageURI(Uri.parse("content://" + path));
    } catch (Exception e) {
        e.printStackTrace();
    }
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13

五、顯示assets中的圖片

/**
 * 顯示Assets中的圖片。
 *
 * @param draweeView ImageView.
 * @param path       路徑。
 */
public static void showAsset(SimpleDraweeView draweeView, String path) {
    try {
        draweeView.setImageURI(Uri.parse("asset://" + path));
    } catch (Exception e) {
        e.printStackTrace();
    }
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13

你以爲到這裏就完了嗎？並沒有，繼續看。

一些默認屬性的設置

<com.facebook.drawee.view.SimpleDraweeView
  android:layout_width="20dp"
  android:layout_height="20dp"
  fresco:fadeDuration="300" // 淡出時間，毫秒。
  fresco:actualImageScaleType="focusCrop" // 等同於android:scaleType。
  fresco:placeholderImage="@color/wait_color" // 加載中…時顯示的圖。
  fresco:placeholderImageScaleType="fitCenter" // 加載中…顯示圖的縮放模式。
  fresco:failureImage="@drawable/error" // 加載失敗時顯示的圖。
  fresco:failureImageScaleType="centerInside" // 加載失敗時顯示圖的縮放模式。
  fresco:retryImage="@drawable/retrying" // 重試時顯示圖。
  fresco:retryImageScaleType="centerCrop" // 重試時顯示圖的縮放模式。
  fresco:progressBarImage="@drawable/progress_bar" // 進度條顯示圖。
  fresco:progressBarImageScaleType="centerInside" // 進度條時顯示圖的縮放模式。
  fresco:progressBarAutoRotateInterval="1000" // 進度條旋轉時間間隔。
  fresco:backgroundImage="@color/blue" // 背景圖，不會被View遮擋。

  fresco:roundAsCircle="false" // 是否是圓形圖片。
  fresco:roundedCornerRadius="1dp" // 四角圓角度數，如果是圓形圖片，這個屬性被忽略。
  fresco:roundTopLeft="true" // 左上角是否圓角。
  fresco:roundTopRight="false" // 右上角是否圓角。
  fresco:roundBottomLeft="false" // 左下角是否圓角。
  fresco:roundBottomRight="true" // 左下角是否圓角。
  fresco:roundingBorderWidth="2dp" // 描邊的寬度。
  fresco:roundingBorderColor="@color/border_color" 描邊的顏色。
/>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25

xml中可以配置，在Java代碼中也是可以配置的，我這裏列出一部分API：

SimpleDraweeView simpleDraweeView = new SimpleDraweeView(context);
simpleDraweeView.setLayoutParams(new ViewGroup.LayoutParams(-1, -1));

GenericDraweeHierarchy hierarchy = new GenericDraweeHierarchyBuilder(context.getResources())
    .setActualImageScaleType(ScalingUtils.ScaleType.FIT_CENTER)
    .setPlaceholderImage(R.drawable.fresco_failed)
    .setPlaceholderImageScaleType(ScalingUtils.ScaleType.FIT_XY)
    .setFailureImage(R.drawable.fresco_failed)
    .setPressedStateOverlay(ResCompat.getDrawable(R.drawable.transparent_half_1))
    .setFailureImageScaleType(ScalingUtils.ScaleType.FIT_XY)
    .build();
simpleDraweeView.setHierarchy(hierarchy);

// load image from ...
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14

一些特殊效果

第一個，先來一個圓形圖片帶白色的邊：

圓形帶有描邊

綜合上面的屬性這裏就不多解釋了：

<com.facebook.drawee.view.SimpleDraweeView
    android:id="@+id/iv_user_fund_user_head"
    android:layout_width="80dp"
    android:layout_height="80dp"
    fresco:roundAsCircle="true" // 圓形圖片。
    fresco:roundingBorderColor="@color/white" // 白色描邊。
    fresco:roundingBorderWidth="2dp"/> // 描邊寬度。
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

第二個，Fresco高斯模糊：

高斯模糊

/**
 * 以高斯模糊顯示。
 *
 * @param draweeView View。
 * @param url        url.
 * @param iterations 迭代次數，越大越魔化。
 * @param blurRadius 模糊圖半徑，必須大於0，越大越模糊。
 */
public static void showUrlBlur(SimpleDraweeView draweeView, String url, int iterations, int blurRadius) {
    try {
        Uri uri = Uri.parse(url);
        ImageRequest request = ImageRequestBuilder.newBuilderWithSource(uri)
                .setPostprocessor(new IterativeBoxBlurPostProcessor(iterations, blurRadius))
                .build();
        AbstractDraweeController controller = Fresco.newDraweeControllerBuilder()
                .setOldController(draweeView.getController())
                .setImageRequest(request)
                .build();
        draweeView.setController(controller);
    } catch (Exception e) {
        e.printStackTrace();
    }
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23

效果就這樣子，其它的關於進度條子類的自己去試試吧，我就不演示佔篇幅了。

拿到緩存的Bitmap

有幾次在羣裏討論關於Fresco的問題，很多同學吐槽Fresco沒有直接拿到Bitmap的方法，其實直接拿到Bitmap相當於從SD卡讀取一個文件，如果圖片過大，就會耗時，造成App卡（假）死，所以我們要採用異步的方式：

/**
 * 加載圖片成bitmap。
 *
 * @param imageUrl 圖片地址。
 */
public static void loadToBitmap(String imageUrl, BaseBitmapDataSubscriber mDataSubscriber) {
    ImageRequest imageRequest = ImageRequestBuilder
        .newBuilderWithSource(Uri.parse(imageUrl))
        .setProgressiveRenderingEnabled(true)
        .build();

    ImagePipeline imagePipeline = Fresco.getImagePipeline();
    DataSource<CloseableReference<CloseableImage>> dataSource = imagePipeline.fetchDecodedImage
        (imageRequest, App.get());
    dataSource.subscribe(mDataSubscriber, CallerThreadExecutor.getInstance());
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16

用起來也很簡單：

loadToBitmap(imageUrl, new BaseBitmapDataSubscriber() {
    @Override
    public void onNewResultImpl(@Nullable Bitmap bitmap) {
        // 讀取成功。
    }

    @Override
    public void onFailureImpl(DataSource dataSource) {
        // 讀取失敗。
    }
});
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11

       

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

Kotlin Fuel庫：圖像下載過程中的異常處理

在現代移動和Web開發中，處理圖像下載是一項常見任務。Kotlin作爲一種現代的、表達能力強的編程語言，因其簡潔性和對Android開發的支持而廣受歡迎。Fuel庫是一個輕量級的、易於使用的Kotlin HTTP客

原創 2024-06-15 00:07:56

爲什麼我的項目Debug運行沒問題，編譯成Release包就報錯？

引言 在Android開發中，debug包和release包的行爲差異可能導致release包在運行時出現問題，而這些問題在debug包中不會出現。 本文主要介紹debug包和release包的差異，導致此問題出現的可能原因及解決辦法

原創 2024-06-12 11:54:17

gradle 配置鏡像

文件位置：./gradle/init.gradle def repoConfig = { all { ArtifactRepository repo -> if (repo instanceof MavenArtif

原創 2024-06-06 23:07:52

基於TAE的數字鑰匙自動化測試解決方案

方案概述        在汽車發展和用戶需求的推動下，汽車鑰匙開始從傳統的機械鑰匙向數字化、智能化方向發展。目前常見的數字鑰匙集成了藍牙、NFC、UWB等技術實現了移動設備與車端的通信，可以幫助用戶便捷的實現車輛功能控制。隨着數字鑰匙的廣泛

原創 2024-05-29 23:11:46

同樣的APP爲何在Android 8以後網絡感覺變卡？

前言  在無線網絡技術不斷髮展的今天，Wi-Fi已經成爲了我們日常生活中不可或缺的一部分。無論是家庭娛樂、辦公還是在線遊戲，Wi-Fi都在提供着便捷的互聯網接入服務。然而，在安卓8.1後，爲了進一步延長安卓設備的待機時間。原生安卓(AO

原創 2024-05-23 23:57:27

「實用推薦」如何爲桌面 & 移動跨平臺應用選擇UI框架/APP架構？

DevExpress .NET MAUI UI組件庫提供了用於Android和iOS移動開發的高性能UI組件，該庫包括數據網格、圖表、日程、數據編輯器、CollectionView和選項卡組件。 獲取DevExpress .NET MAUI

原創 2024-05-21 12:19:30

有隙可乘 - Android 序列化漏洞分析實戰

作者：vivo 互聯網大前端團隊 - Ma Lian 本文主要描述了FileProvider，startAnyWhere實現，Parcel不對稱漏洞以及這三者結合產生的漏洞利用實戰，另外闡述了漏洞利用的影響和修復預防措施，這個漏洞波及了

原創 2024-05-16 12:09:07

【深圳招聘】Taro 團隊招前端開發工程師！

Taro 團隊再再再招人啦！我們正在尋找多位有經驗的「前端開發工程師」加入我們的團隊。如果您具備以下技能和經驗，我們期待您的加入： 工作職責 參與 Taro 框架開發，同時在跨端和全棧等技術方向攻克難題； 參與跨團隊合作，完成整體項目規

原創 2024-05-13 21:53:04

Docker 的 Busybox 操作系統鏡像

BusyBox是一個遵循GPL協議、以自由軟件形式發行的應用程序。 Busybox在單一的可執行文件中提供了精簡的Unix工具集，可運行於多款POSIX環境的操作系統，例如Linux（包括Android）、Hurd、FreeBSD等等。 由

原創 2024-05-13 11:45:19

Qt/C++音視頻開發70-無感切換通道/無縫切換播放視頻/多通道流暢切換/不同視頻打開無縫切換

一、前言 之前就寫過這個方案，當時做的是ffmpeg內核版本，由於ffmpeg內核解析都是代碼實現，所以無縫切換非常完美，看不到絲毫的中間切換過程，看起來就像是在一個通道畫面中。其實這種切換隻能說是取巧辦法，最佳的辦法應該是公用一個open

原創 2024-04-18 10:40:53

愛奇藝APP Android低端機性能優化

01    背景介紹 在智能手機市場上，高端機型經常備受矚目，但低端機型亦佔據了不可忽視的份額。衆多廠商爲滿足低端市場的需求，不斷推出低配系列手機。另外過去幾年的中高端

原創 2024-04-16 01:06:42

Qt血的教訓/細數Qt開發的各種坑/又愛又恨/歡迎圍觀留言評論

一、吐槽總結 搞Qt開發十幾年了，最初從Qt4.6開始，一直追新到現在的6.7版本，中間經歷過無數的血的教訓，簡直是又愛又恨。其實Qt挺好的，但是還是要忍不住吐槽一下，本人還是希望Qt發展的越來越好，這樣我的飯碗就能保住了。 1. 版本衆多

原創 2024-04-07 10:39:53

Kotlin高效App爬取工具：利用HttpClient與代理服務器的技巧

在當今數字化時代，移動應用（App）數據的價值日益凸顯，而爲了獲取並分析這些數據，開發高效的數據爬取工具變得至關重要。Kotlin作爲一種現代化、功能強大的編程語言，與HttpClient等強大工具的結合，爲構建高效的App數據爬取工具提

原創 2024-03-28 00:45:02

一文全面瞭解O2OA(翱途)開發平臺的技術棧

O2OA（翱途）開發平臺採用JavaEE技術棧分佈式架構設計，是一款真正全代碼（包含服務器、安卓以及IOS客戶端）開源的企業應用定製化開發平臺，適用於企業OA、協同辦公類信息化系統的建設和開發。 平臺擁有流程管理、門戶管理、信息管理、數據管

原創 2024-03-04 11:03:13

adb功能速查

最近需要弄android調試，把adb功能列於此方便查看。本文內容主要來自以下地址 https://developer.android.com/tools/adb?hl=zh-cn   查詢設備 adb devices -l   將

原創 2024-02-29 23:53:16