1. Các hội/nhóm chính thức của MIUI.VN trên Facebook

    - Chúc các bạn giao lưu, thảo luận vui vẻ

Hướng dẫn Cùng nhau chia sẻ thủ thuật sửa Theme Miui

Thảo luận trong 'Phát triển MIUI Android' bắt đầu bởi VIETAGOL, 24/12/17.

  1. hoangngat1992

    hoangngat1992 Thành viên mới

    Tham gia ngày:
    8/1/18
    Bài viết:
    3
    Đã được thích:
    1
    Wow, đúng những thứ đang là nhu cầu của mình. Mong có thể sự chia sẻ của các bác về theme miui!
    Thanks!
     
    VIETAGOL thích bài này.
  2. tuan.nbc

    tuan.nbc Thành viên

    Tham gia ngày:
    25/9/15
    Bài viết:
    262
    Đã được thích:
    107
    Mình thường đưa hơi nhiều thứ vào theme, sợ ko hợp với nhiều bạn.
    Hơn tuần nay chỗ mình mất mạng, toàn dùng ké 4G. Lúc nào tiện, mình sẽ up

    Gửi từ MI MAX của tôi bằng cách sử dụng Tapatalk
     
    drtrinhtanlap thích bài này.
  3. VIETAGOL

    VIETAGOL Thành viên

    Tham gia ngày:
    22/1/17
    Bài viết:
    284
    Đã được thích:
    86
    Mình lập topic này mong muốn mọi người chia sẻ cho nhau những cái topic này chưa nói để mọi người đỡ phải tìm hiểu nhiều ,còn mình biết rất ,biết tí nào show hết ra luôn.
     
    tuan.nbc thích bài này.
  4. tuan.nbc

    tuan.nbc Thành viên

    Tham gia ngày:
    25/9/15
    Bài viết:
    262
    Đã được thích:
    107
    Hai chạm đổi ảnh nền màn hình home:
    1. Đầu tiên, theme của bạn phải có miwallpaper.
    2. Chọn bao nhiêu ảnh tùy bạn. Lưu ý định dạng ảnh là ***.jpg, kích thước 720x1020, hoặc 1080x1920. (chọn định dạng ảnh là ***.png sẽ đẹp hơn, nhưng dung lượng miwallpaper sẽ rất lớn).Mình chọn 10 ảnh, đặt tên là A, B, ...I. Cho hết số đó ảnh vào miwallpaper
    3. Thêm code sau vào manifest.xml
    <Button x="0" y="1000" w="100" h="300" >
    <Triggers>
    <Trigger action="double">
    <VariableCommand name="bg" expression="ifelse(ge(#bg,9),0,#bg+1)" persist="true"/>
    </Trigger>
    </Triggers>
    </Button>

    <Group x="0" y="0" name="bz" visibility="not(#diy_img_flag)" >
    <Image src="A.jpg" x="#screen_width/2" y="0" align="center" visibility="eq(#bg,0)"/>
    <Image src="B.jpg" x="#screen_width/2" y="0" align="center" visibility="eq(#bg,1)"/>
    <Image src="C.jpg" x="#screen_width/2" y="0" align="center" visibility="eq(#bg,2)"/>
    <Image src="D.jpg" x="#screen_width/2" y="0" align="center" visibility="eq(#bg,3)"/>
    <Image src="E.jpg" x="#screen_width/2" y="0" align="center" visibility="eq(#bg,4)"/>
    <Image src="F.jpg" x="#screen_width/2" y="0" align="center" visibility="eq(#bg,5)"/>
    <Image src="G.jpg" x="#screen_width/2" y="0" align="center" visibility="eq(#bg,6)"/>
    <Image src="H.jpg" x="#screen_width/2" y="0" align="center" visibility="eq(#bg,7)"/>
    <Image src="I.jpg" x="#screen_width/2" y="0" align="center" visibility="eq(#bg,8)"/>
    <Image src="K.jpg" x="#screen_width/2" y="0" align="center" visibility="eq(#bg,9)"/>
    </Group>
    4. Lưu ý:
    - Button x="0" y="1000" w="100" h="300" : x, y là vị trí mà bạn double tap vào sẽ đổi hình nền, w, h là kích thước vùng bạn double tap. Nói cách khác, vùng double tap của bạn sẽ là hình chữ nhật, có đỉnh trái, trên, tọa độ là x, y, hai cạnh là w, h. các giá trị x, y. w, h bạn chọn phải phù hợp với screenWidth, screenHeighttrong miwallpaper của bạn
    - ifelse(ge(#bg,9): tương đương với số ảnh bạn có. Của mình là 10 ảnh, từ 0 đến 9 = 10
    - Image src="A.jpg": nếu ảnh của bạn định dạng là ***.jpg
    - Trigger action="double": bạn có thể đổi "double" thành "up"
    5. Còn có một code tương tự, ngắn gọn hơn, có thể tự động đổi hình nền mỗi lần mở khóa, để mình tìm lại, sẽ giới thiệu

    Hai chạm vào màn hình home để screen off
    Code:
    <Button x="360" y="640" w="600" h="400" align="center" alignV="center" >
    <Triggers>
    <Trigger action="double">
    <IntentCommand action="android.intent.action.MAIN" package="com.oasisfeng.greenify" class="com.oasisfeng.greenify.HibernateAndLockScreen" />
    <ExternCommand command="ScreenOff"/>
    </Trigger>
    </Triggers>
    </Button>
    Lưu ý:
    - Bạn phải có sẵn greenify, nếu bạn nào rỗi rãi có thể tìm package name, class name của screen off mặc định của MIUI thì tốt quá, đỡ phải cài ứng dụng ngoài.
    - Chọn x, y, w, h phù hợp với screenWidth, screenHeighttrong miwallpaper của bạn
    - Tất nhiên, nếu bạn đang dùng Miuipro.by thì không cần đến code này.

    miwallpaper của mình, các bạn có thể tham khảo. do trùng nhau nên double tap vừa đổi hình nền, vừa screen off, lười, chẳng muốn sửa:
    https://drive.google.com/file/d/154PgVBa7ABLWSfyckE5hhEMPPNVCKE_x/view?usp=sharing
    [​IMG]
     
    Chỉnh sửa cuối: 8/1/18
  5. VIETAGOL

    VIETAGOL Thành viên

    Tham gia ngày:
    22/1/17
    Bài viết:
    284
    Đã được thích:
    86
    thank ban vi chi dan rat ro rang
     
  6. VIETAGOL

    VIETAGOL Thành viên

    Tham gia ngày:
    22/1/17
    Bài viết:
    284
    Đã được thích:
    86
    Có bạn nào biết file icon_pattern.png nằm trong thư mục icon có tác dụng gì ko?
     
  7. VIETAGOL

    VIETAGOL Thành viên

    Tham gia ngày:
    22/1/17
    Bài viết:
    284
    Đã được thích:
    86
    Icon Background: -
    • As the name says this will the background image for all the third party icons
    • You need to upload a .png format image(192*192)
    • This image will come in the background of icons like this :

    [​IMG]

    Icon Mask:-
    • To match the third party icons with your theme you can give a particular shape to all the third party icons using Icon mask.
    • Create a shape in Photoshop which you want to give for third party icons and it should be in pure black color(#000000)
    • It will only change the app icon and icon background will remain same
    • Now upload this png format image (192*192) as ‘Icon mask’ and all third party icons in your theme will take this shape.
    [size=14.6667px]

    [​IMG]
    Icon Border:-
    • Icon border is basically the foreground of an icon, this image will come in front of all third party icons in your theme.
    • You can give borders to icons or a complete foreground for the icon.
    • Upload a .png format image(192*192)

    To have a better understanding about icon masking and how it works go through these examples below which explains itall.
    Example 1:
    [​IMG]

    Example 2:
    [​IMG]

    Example 3:
    [​IMG]

    • Sometimes a third party icon can be larger than your icon background or it may not match with the background shape so to avoid this proper Icon masking becomes very important.
    • And to achieve it one should have clear understanding about all these components involved in thislike icon background, icon mask, icon border, and icon folder which I have explained below.
    • So there are a lot of cool ways that you can customize third party icons in your theme, go ahead andtry different shapes, backgrounds and borders to beautify your theme even more.

    Similarly you can also customize the look of the app folders in your theme by uploading one image as “Icon Folder”(192*192)
    • When you upload an image for “Icon Folder” it’s basically a background for app folders in your theme like this-

    [​IMG]


    I hope this guide will help you in customizing third party icons so as to match your theme.

    If you are new to the theme tools, check out the Online Theme Editor Guide & Pre-requirement Guide
     
    spider8x thích bài này.
  8. VIETAGOL

    VIETAGOL Thành viên

    Tham gia ngày:
    22/1/17
    Bài viết:
    284
    Đã được thích:
    86
    Uncommon Package Names

    • "icon_mask" Name of the pre-set icon form (like square with rounded corners on default MIUI theme)
    • "icon_background" Name of the background texture for every icon (use a clear .png if you want a trasparent icon background)
    • "icon_folder" Name of the folder texture
    • "icon_border" Name of the border texture (works only on the app icons who aren't in the pack on your phone)

    [​IMG]


    4.3) For Package names of MIUI system icons use "Package Viewer App" on your phone (see 2.2)
    Or download this pack: [​IMG] MIUI Icons package names.zip (526.67 KB, Downloads: 82)

    5) ENJOY !!!

    5.1) Put the custom EmptyTheme.mtz in your phone

    5.2) Import the EmptyTheme.mtz with the default Theme app

    5.3) Apply the theme and Enjoy it !!!


    -James-

    1.jpg (1.52 MB, Downloads: 1)



    2.jpg (1.66 MB, Downloads: 0)



    3.jpg (1.21 MB, Downloads: 0)



    4.jpg (1.71 MB, Downloads: 1)



    [​IMG]
     
    tuan.nbc and spider8x like this.

Chia sẻ trang này