Discussion topics for MIUI v10



Rep: (271)
Attached ImageAttached Image

Discussion topics for MIUI v11 |
Discussion topics for MIUI v9 | Discussion topics for MIUI v8 | Discussion topics for MIUI v6 / v7
Catalogs topics:
Catalog of themes MIUI v6 / v7 / v8 / v9 / v10 |
Catalog MIUI v5

Attached ImageAttached ImageAttached Image
This topic is underway
discussion and publication
manuals and instructions
for MIUI 10 themes

Picture

REGULATIONS! Read a must!
Picture


FAQ (Frequently Asked Questions)
PicturePicture


useful links
PicturePicture


Installing third-party themes on MIUI 10
Picture
The Chinese have complicated the ability to install third-party themes in the MIUI 11.
Options for installing third-party themes:

Picture
The procedure for obtaining a design account
Picture
1. Install Localized MIUI firmware with the presence of a patched theme manager (see the firmware topic for your device. For example: Xiaomi.eu, MiuiPro, MultiROM, Masik в„ў and others)
2. Install the patch manager for those suitable for your firmware (see the modifications for your device)
3. If you have a stock firmware without root access, it is requireddesigner account with approved content
4. And the most inconvenient way: We parse the downloaded theme, at the end we write .zip, take the component (s) and drop them along the system / media / theme / default path, issue the 0644 rights, reboot and use the theme on which you are now. Or download an empty patchAttached filepatch.zip(130.16 KB)
through any archiver-explorer we put the components in the target folder default and flash through twrp
Picture
The rest of the methods for MIUI 10 are no longer relevant, or they are unstable (critical systemui errors occur, topics fly off on reboot or after a while). But perhaps with the updates will be corrected:Themer for miui, xpossed +xMIUIorMiui 8 Tweak, MI Theme Editor, MI Rape
If you know other 100% working methods, write in this topic.


Friends Topicssavagemessiahzine.comin the official store
PicturePicture


Editing Instructions
Picture
The basicsediting topics for a beginner
Wayadding resources in a dark mode,
TerminologyResources threads used in the branch
Codeto open a tap-watch in a widget
Instructionto create your own theme
howmake live icons
Installationwidget as a separate component of the theme for global firmware + another option
Creatureicons from the available icons to apply the theme
Decorateany colors with random color
Explanationby size in dp / dip / sp
Addoutput sunrise-sunset for loxgrin / widget / live icons / mispace / etc, for miui / m8 weather
howadd music spectrum-visualizer to widget
howfind the name of the application icon
howtranslate the topic into Russian
Instructionfor patching the theme manager, for installing further third-party themes
Creatureyour avatars to the challenge of the existing
Addingwidget, for use with the theme on the PC + another option
Templatethemes with colored strings to look for color + a new version + version 9.8.22
Templatethemes with numbered dies + a new version + version 9.8.22
NumberingPictures with the number of any PNG files
howDownload the theme on the phone, in .mtz format
Convertericons from third-party miui
Wayto stock icons
howfind the name of the required resource component
In detailabout file "theme_fallback.xml" + addition
Interpretationdate / time format+ addition
Instructionediting in pictures (pdf in English)
Filesfont so that was fat
Assemblyits batteries from zogotokovok
We bringthe shape of the icons in the normal view
howquickly check what colors theme-values.xml
howchange application name
Architecturefilling theme-values.xml
Codefor notifications on lockscreen
CatalogMIUI THEME EDITOR editing resources
howedit stock widget
howinstall video wallpaper
howcomment out the line correctly
howmake a thumbnail
howfind the desired color in the apk file + another option
howdownload the theme from the official theme store
Removedefault themes (ROOT)
Wayto make changes to the Default (stock) Topic + Where is the stock topic
WhereThere are a third-party theme used on the phone at the moment and how to pack it
Whereare native wallpaper + animated wallpaper + wallpaper installed from the theme shop
howmake on your phone markup 9.png through the program 9 Patch Editor + PC instruction manual
Wayuse of third-party fonts in Chinese and globals
howcorrectly enter the weather M8
howdetermines the transparency of the text in the subject
TableHTML colors
CompressionPNG and JPG in Photoshop.+online site+DeComp.apk
TextbookMAML (Chinese and Russian Basic) + in English + instruction


Editing software
PicturePicture


Editing manuals
Picture
List of files leading to application crashes
Picture


Voting results
PicturePicture


Changes


The authors of modifications and the Administration of the forum are not responsible for the performance of your devices!
Remember: everything you do - you do at your own peril and risk!

There is no curator in the subject. For questions about filling the caps, please contact the section moderators via the buttonPictureunder the messages to which you want to add links.


Activity in the topic


Post has been editedWasherron в„ў - 18.07.20, 21:28
Reason for editing: Curator



Rep: (714)
in continuingDiscussion topics for MIUI v10 (Post colon23 # 76363724)
First I want to note that the line
<string name = "default_lockscreen_unlock_hint_text"></ string>
better not to empty. A related bug. Other inscriptions begin to get out on the screenshot. Sometimes about exercise, sometimes about the camera.
the best option would be (but my business to warn on who he wants.)
<string name = "default_lockscreen_unlock_hint_text">Unlock</ string>

And the final touch that I'd like to do is to move the clock and date above.
<dimen name = "miui_keyguard_clock_magin_top">-28.0dip</ dimen>
<dimen name = "keyguard_date_info_top_margin">-130.0dip</ dimen>

looks like that:
Attached Image

indent of the notification shall comply with, but I do not work.
<dimen name = "keyguard_notification_magin_top">-154.0dip</ dimen>
<dimen name = "keyguard_notification_magin_top_without_owner_info">-98.0dip</ dimen>

instead of ":" any other character. eg "/"
<string name = "digital_clock_dot">/</ string>

even if someone wants more, something to move / increase the file miui_keyguard_clock.xml find and watch.
Picture


Post has been editeddan3103 - 19.01.19, 15:40
Reason for editing: Printing



Rep: (17)
I've been on pereklatsyval other topics and in general found a trick that you need to first open the curtain in a horizontal position preferably several times, and then turn the phone upright, and it works.
Here, for clarity,
Attached fileScreenrecorder-2018-08-30-15-12-35-840.mp4(7.01 MB)

Picture


Post has been editeddan3103 - 19.01.19, 13:50
Reason for editing: Printing



Rep: (637)
Information for those who change the sound sliders with pictures: 10-ka takes a picture (if with the 9.png markup) and rotates it by 90 В°.
thus the slider can be made with a color transition.
but still looks crooked (appearance only after the tab on the picture)
Attached Image
Attached Image

Picture


Post has been editeddan3103 - 19.01.19, 15:30
Reason for editing: Printing



Rep: (2733)
Search security issues:
Attached Image

<color name = "first_aid_kit_bgcolor">#00000000</ color><! - background color in the "search for problems" ->

<color name = "firstaidkit_item_tv_title_textcolor"># e6ffffff</ color><! - the text color of the tables of contents in the "problem search" ->
<color name = "firstaidkit_item_tv_summary_textcolor"># 99ffffff</ color><! - color of the text of the title in the "search for problems" ->

Picture


Post has been editeddan3103 - 20.01.19, 09:01
Reason for editing: Printing



Rep: (741)
Who applied the mod on the dialer dark and wants blurring is more transparent
register in: com.android.incallui / theme_values
<dimen name = "blur_dimen_radius">15.0dip</ dimen>

By default 15 the smaller the more transparent on the second screenshot 5

Attached Image
Attached Image


thanks: shoma_81
autarky may come in handy:Attached fileavatars.zip(130.74 KB)

Attached Image
Attached Image

Picture


Post has been editeddan3103 - 19.01.19, 14:28
Reason for editing: Printing



Rep: (657)
CROWCROW @ 7.09.18, 15:53*
how to remove the grid from the dialer
This is not a gridThese are the offset buttons of the dialer . Here either the system dpi is changed, or the buttons are distorted by the firmware.

How to remove? Return the native dpi, native firmware, and if this is observed on the drain, then the dialer is so implemented and one way out is to disassemble the component. And then you can delete or redraw the individual buttons of the dialer, or leave only the background with the drawn buttons, or put a dialer from another topic ...

Infa 100%, faced with this personally. On early versions of my themeBlackrus on some firmware / devices it was the same.

Here is an example from the screenshots sent to me:
Attached Image


Attached Image

... and the backlight of the pressed button looks so presentable when the dialer buttons are distorted:
Attached Image


And on my Redmi Note 4 (x), it looks like this:
Beautiful light "on the light" pressed the button "5"
Attached Image


But by removing individual buttons, we lose the beautiful backlighting of the buttons ...
Simplified Dialer
Attached Image


As a result, the forum added different versions - with beautiful button illumination (on the light) and simplified (only along the contour). And in Xiaomi ofmag threw a simplified version so that there are no complaints ...


P.S .: On some devices / firmware was observed duplication characters. It is treated by adding transparent buttons that replace the native black characters from the APK ...
For example, Mi Note 2 miui 9.6 build 8.5.24 from xiaomi.eu
Attached Image

Picture


Post has been editeddan3103 - 23.01.19, 12:15
Reason for editing: Printing



Rep: (421)
Berger @ 09/08/18, 21:58*
where to look for the folder background
com.miui.home
Berger @ 09/08/18, 21:58*
What is the name of the file itself?

folder_background.9.png
Picture


Post has been editeddan3103 - 23.01.19, 12:21
Reason for editing: Printing



Rep: (3345)
* Alex201189 ,
com.miui.home
<bool name = "config_hide_hotseats_app_title">true</ bool>
Picture


Post has been editeddan3103 - 23.01.19, 12:27
Reason for editing: Printing



Rep: (637)
* LРµVРµnt,
com.android.contacts \ / theme_valuws
<color name = "tab_text_color_unfocused">#FFffffff</ color>
<color name = "tab_text_color_focused">#FFcccccc</ color>

Picture


Post has been editeddan3103 - 19.01.19, 14:19
Reason for editing: Printing



Rep: (2733)
the color of this band

Contacts
<color name = "list_item_bg_normal">#00000000</ color>
<color name = "list_item_bg_pressed"># ff4f4f4f</ color>

Picture


Post has been editeddan3103 - 19.01.19, 14:20
Reason for editing: Printing



Rep: (714)
My recommended programs for writing MAML code and for the subject building industry in general.

I am not the last resort, these are just the programs I use. If you use other analogs of programs and they are convenient for you, then this is great, but I will try to win over to my side} -).

1) The program for working with graphics - Adobe Photoshop CC 2018 (19.0.1). (fsh - next). You can use another version for this.
I think the advantages of this program is not worth explaining. A program where you can draw / edit as you like. If flash is complicated then I advise paint.net. I also once moved from paint.net to flash. At first it was difficult. But now I'm used to it.
1.1) To optimize my work as much as possible using batch processing. This is the kind of automation where the template is written, and then all the pictures that we need will be processed according to the same template. Saves a lot of time. The simplest example is creating a darkmod for a widget. To quickly make white pictures of black. Examples can cite a bunch.Understood and learned here.
1.2) The second thing I use is ATinyPNG pligin. This is just a great plugin for compressing images with no apparent loss of quality. Worth the plugin $ 50. I found it somewhere on the Internet. It creates a folder and throws at least 10,000 pictures. Then we run the plugin and specify the folder where our pictures are. And then wipe away the tears of happiness, because the plugin compresseslike a jackalvery much, but the loss of quality is not noticeable. From 100% to 500% of the file is lost after processing. The only thing - you can not compress already finished 9.png, the markup will break. Compression should be done before compiling.
1.3) The point is more appropriate to write locks for fast and error-free (1 entry) location of any items on the screen. After all, our screen (fulhd in my case, yours may be at least 4k) is 1080h1920 pixels. If the instrument "rectangular area" (or selection) to clamp and maintain in the direction around the cursor 2 will counter: a width (W) and height (B) pixels (!!!). An example of using, say I need a date to align vertically with the clock. I spend first red block to indicate the vertical. Then the letter "B" lead instrument "rectangular area" to the left until the red rectangle. And finally we see figure 73. Go to the manifest and the right coordinate x = "" to -73. Hopefully the logic explained, it can be used many times on different occasions. Too often it helps. I spied this logic in the program MAML editor, which I have not even started, but I understand how it happens coding and visualization.
Attached Image

1.4) Not a chip, but a tip. Make a bind on frequently used tools. It also makes the process faster and more enjoyable.
2) Archiver. Definitely 7-zip. Convenient in everything. There are analogues like RAR and td. But this archiver is 101% convenient. We open the .mtz file through it always and forget about renaming the file to .zip and other unnecessary gestures.
3) Sublime text 3 is a discovery for me. This is a text editor. Prior to that, he wrote in notepad ++. But after I tried the sublime, I will never leave it again.
Benefits for me:
  • There is a minimal text. Click on it and quickly move to any place in the code.
    Attached Image

  • the selection of the block of the group is as clear as possible, for those who are doing all the code in 1 line, so that the code is not stolen from them. So, the brackethighlighter plugin makes it possible to steal (to borrow, of course) even in such a difficult situation
    Attached Image

  • a long line does not fly away over the screen area, but goes as if the second line.
  • closing tag by pressing ALT +. (you can perebindit.) for lazy people like me
  • quick hotkey commenting. although in a notepad a little more familiar. but in the sublime is faster
  • color display on the fly (color highlight plugin), the only caveat, if the color is also recorded with transparency, the color will not be shown correctly, make a 6-digit number and it will show the color correctly. a little crutch, but still more convenient than opening a website and driving a color there.
    Attached Image

  • Convenient search system - does not occupy the floor of the screen as in a notepad, but is only neatly located below the screen.
Of the minuses: it is quite difficult to put plugins, but I figured out a little googling. Also, there is no graphical shell as such, no settings tab, and so on. All settings are written in the code files. But by setting it up once, you can save it to the cloud and go baldet.
4) To transfer the theme / graphics files using a bunch of filezilla on the PC and wifi pro Ftp - server on a smart. Nice interface, quickly connected. There are almost no settings on the smart, what you need!
5) comparison of text files (winmerge or sublimerge3 plugin for Sublime text 3) and folders (total commander). In temporal construction can be used as a comparison of two themes / locks before and after the change by the author. (the author has released an update and we wanted something from the code / graphics, take with and compare the file from the old and the new version = profit)
6) the program mt manager + klava flexsy with the addition of a set of tools (copy, paste) on the top extendable / remove swipe.
if you suddenly need to find something in the code and quickly fix this set of mega convenient.
7) MIUI ThemeAssistant is a program for working with 9.png, convenient and fast decompilation, markup changes and recompilation.I don't use it for anything elseIn the process of writing this post, I saw that there is a function of the color palette. We take the color.xml file from the caps and see the colors + transparency.
Attached Image

8) Checking the code for an error of open / closed tags CSS HTML Validator 2018. Who wrote the code at least once a hundred percent came across a black screen. This program will help avoid this problem and show where the tag is not closed.
9) knowledge of English))even though it is not a programbut it will help wildly in finding the elements of flowers, and will greatly help in writing MAML code.
10) a couple of chips describedhere. He promised to add this manul, but he did not, because there were no questions about the manual, and the people in the person whom I help them do more easily than explain them in 2 hours. and if I don’t do it right away, I’m explaining it for a very long time and most often these are fairly narrowly focused actions, not for general development.
if you read up here - litter for errors: yes2:

Picture


Post has been editeddan3103 - 21.01.19, 10:35
Reason for editing: Printing



Rep: (2733)
The answer to this post:

shape_result_card_border_whole.9.png
Attached Image

And in the appendage, all that can be changed in it:
<color name = "pc_item_tag_text_color"># ff33ceea</ color>
<color name = "pc_power_center_text"># 4dffffff</ color>
<color name = "separator_line_light_gray"># ff313131</ color><!--the dividing line-->
<color name = "pc_list_item_bg_pressed">#40767676</ color>
<color name = "pc_list_item_bg_normal">#40000000</ color>
<color name = "pc_activity_action_bar_bg">#40000000</ color><! - action bar in battery use-->
<color name = "pc_activity_new_action_bar_bg">#40000000</ color>
<color name = "pc_quick_btn_text_highlight">#ffccccc</ color><! - text percent on the button-->
<color name = "pc_battery_history_imei_color"># 99cccccc</ color>
<color name = "pc_main_scan_backgound_color">#00000000</ color><! - the general background-->
<color name = "pc_result_item_text_battery_status"># e5cccccc</ color>
<color name = "pc_result_item_header_text_color">#ffccccc</ color>
<color name = "pc_deep_settings_item_text_color"># e6cccccc</ color>
<color name = "pc_deep_settings_item_subtext_color"># b3cccccc</ color>
<color name = "pc_deep_result_button_display">#80252525</ color>

The rest is written in the code.
Picture


Post has been editeddan3103 - 20.01.19, 09:02
Reason for editing: Printing



Rep: (2733)
Notification counter on the icon:
Background -
icon_notification_bg.png

Color numbers -
<color name = "icon_message_text"># ff33ceea</ color>
<color name = "icon_message_text_dark"># ff33ceea</ color>

Attached Image

Picture


Post has been editeddan3103 - 19.01.19, 15:20
Reason for editing: Printing



Rep: (162)
* berger , Icons are on the way com.android.systemui / res / drawable-xxhdpi
Names: Button in dark background:
action_button_long_screenshot_normal_dark.png (available)
action_button_long_screenshot_disable_dark.png (shortage)
action_button_long_screenshot_pressed_dark.png (pressed)
Button in a light background:
action_button_long_screenshot_normal_light.png (available)
action_button_long_screenshot_disable_light.png (shortage)
action_button_long_screenshot_pressed_light.png (pressed)
Example icons (IOS)
Attached ImageAttached ImageAttached ImageAttached ImageAttached ImageAttached Image

Picture


Post has been editeddan3103 - 20.01.19, 09:04
Reason for editing: Printing



Rep: (482)
Extended setanimatedicons


Slightly added / replaced the standard set of animated icons.
They work correctly on the resolution of 720 * 1280 (I did not check the others.
List of icons:
Live Icons
Weather
- Weather M8
- Dictaphone
- Compass
- Clock
- The calendar
- Google Calendar
Animated icons
Mi Games
- Mi Market
- AliExpress
- Titanium Backup
- Root Explorer
- Solid Explorer
- Play Store
- Facebook
- YouTube
- Instagram
- viber
- what's app
- Truecaller
- UC Browser
- WeChat
- Baidu Maps
- 2 Gis
- Ya.Karty
- Ya.Disk
- I am a translator
- Post office
- Calculator
- Browser
- Camera
- Phone
- Message
- Conductor
- Settings
- Topics
- Notes
- Player
- Security
- Gallery
- Video
+ Chinese services Xiaomi
Picture
Attached Image


Video: Attached fileScreenrecorder-2018-09-18-00-07-59-903.mp4 (19.75 MB)

Installation:
- The contents of the archive to place with the replacement insystem / media / theme / default
- If necessary, set the system file permissions
- Reboot the phone.
Download: Attached fileMod-Icons-Kosach_S.zip (12.6 MB)

Picture


Post has been editeddan3103 - 23.01.19, 12:44
Reason for editing: Printing



Rep: (162)
The option of replacing the background notification picture
Hello. I will describe how to make the notifications take on a separate background,each notification separately

To do this, make the background of the general notification sheet transparent (naturally in theme_values.xml)
<color name = "notification_panel_outside_bg_color"># a8a8a8</ color><! - the general background of the deployed notifications In the curtain-->

Make or find a picture with9png.
Rename, for example, tonotification.9.png
Put incom.android.systemui / res / drawable-xxhdpi
Use replacement resources throughtheme_fallback.xml
<? xml version = '1.0' encoding = 'utf-8' standalone = 'yes'?>
<MIUI_Theme_Values>

<! - Background notifications ->
<drawable name = "notification_item_bg_n.9.png">notification.9.png</ drawable>
<drawable name = "notification_item_bg_p.9.png">notification.9.png</ drawable>
<drawable name = "notification_item_single_bg_n.9.png">notification.9.png</ drawable>
<drawable name = "notification_item_single_bg_n.9.png">notification.9.png</ drawable>
<drawable name = "notification_otg_safe_remove_bg_n.9.png">notification.9.png</ drawable>
<drawable name = "notification_otg_safe_remove_bg_p.9.png">notification.9.png</ drawable>
<drawable name = "notification_item_expanded_bg_n.9.png">notification.9.png</ drawable>
<drawable name = "notification_item_expanded_bg_p.9.png">notification.9.png</ drawable>


</ MIUI_Theme_Values>

Place in component and apply theme.
Example below:
Screenshot and the substrate itself
Screen:
Attached Image

Substrate (already marked):
Attached Image

Picture


Post has been editeddan3103 - 23.01.19, 12:50
Reason for editing: Printing



Rep: (3345)
LeVРµnt @ 09/23/18, 11:00*
How to remove the date yet I do not know ... maybe knowledgeable people will prompt)
the clock you have already removed
<dimen name = "keyguard_horizontal_time_text_size">0dip</ dimen>
date we remove
<dimen name = "miui_common_unlock_screen_date_text_size">0sp</ dimen>

Picture


Post has been editeddan3103 - 19.01.19, 15:38
Reason for editing: Printing



Rep: (637)
the color of the buttons in the open curtain (alarm clock, modem, and etc.)


framework-res
<color name = "notification_miui_action_text_color_n"># ffff0000</ color>text color , disable "on alarm clock

<color name = "notification_miui_action_text_color_p"># ff444444</ color>color of the pressed button

and the background of these buttons

notification_miui_action_bg_n.9.png

notification_miui_action_bg_p.9.png

thanks for the inspiration and buttonsdan3103
Attached Image
Attached Image

upd.
addition:
button color player control

for dark themes
com.android.systemui / theme_valius
<color name = "notification_media_action_color">#ffffffff</ color>

Attached Image

Picture


Post has been editeddan3103 - 19.01.19, 13:38
Reason for editing: Printing



Rep: (3345)
Nothing changed

Still: D
And the syntax is broken and the default parameters. You also need to increase, and I just brought the default so that you once again did not climb in apk. Although, if the size of the notice body breaks down after increasing the text size, you still have to go there. I gave you the lead in the pre-message Include head

UPD: I tried it on myself:
<dimen name = "notification_title_text_size">16sp</ dimen>
<dimen name = "notification_text_size">16sp</ dimen>
<dimen name = "notification_subtext_size">14sp</ dimen>


The body of the notice does not break

Attached Image

Picture


Post has been editeddan3103 - 19.01.19, 14:00
Reason for editing: Printing



Rep: (637)
dimensions of the expanded volume panel (part 1)

part 2
com.android.systemui \ / theme_values
<dimen name = "miui_volume_timer_size">45.000000dp</ dimen><! - timer height-->
<dimen name = "miui_volume_timer_corner_radius">2.000000dp</ dimen><! - timer radius-->
<dimen name = "miui_volume_timer_width">300.000000dp</ dimen><! - timer width / length-->
<dimen name = "miui_volume_column_height_expanded">400.000000dp</ dimen><! - height regulators deployed-->
<dimen name = "miui_volume_content_height_expanded">410.000000dp</ dimen><! - the height of the panel expanded-->
<dimen name = "miui_volume_content_width_expanded">300.000000dp</ dimen><! - width adjustment panel expanded-->
<dimen name = "miui_volume_ringer_icon_size">0.000000dp</ dimen><! - the size of the icons on the buttons-->

<dimen name = "miui_volume_ringer_btn_layout_height">30.000000dp</ dimen><! - the height of the buttons on the timer-->

Attached Image
Attached Image
Attached Image
Attached Image

Picture


Post has been editeddan3103 - 19.01.19, 15:30
Reason for editing: Printing


Full version    

Help     rules

Time is now: 10/08/20, 19:55