Align text keyword for add_text (just like text alignment on buttons)

[DataExplorerUser]

It takes a lot of effort to align text to the right when using add_text. Text can be aligned on buttons, so it seems not too far-fetched to be able to specify alignment for add_text. Aligning numbers to the right is very useful for presenting data and financial information.

The text can be aligned on buttons and, with a bit of trickery, the fact that it's a button can be hidden, so that you end up with the following output.

Code for creating the example above.

import dearpygui.dearpygui as dpg

BACKGROUND_COLOUR = (0,0,0)

with dpg.window(label="tutorial") as main_window:
    button1 = dpg.add_button(label="1.000,34", width=200)
    button2 = dpg.add_button(label="75,23", width=200)
    button3 = dpg.add_button(label="758,11", width=200)
    button4 = dpg.add_button(label="---------", width=200)
    button5 = dpg.add_button(label="1.833,68", width=200)

# create a button theme
with dpg.theme() as button_right:

    # set text alignment on button to align to the right
    dpg.add_theme_style(dpg.mvStyleVar_ButtonTextAlign, 1.00, category=dpg.mvThemeCat_Core)

    # set the colour of all states of a button to the background colour
    dpg.add_theme_color(dpg.mvThemeCol_Button, BACKGROUND_COLOUR, category=dpg.mvThemeCat_Core)
    dpg.add_theme_color(dpg.mvThemeCol_ButtonActive, BACKGROUND_COLOUR, category=dpg.mvThemeCat_Core)
    dpg.add_theme_color(dpg.mvThemeCol_ButtonHovered, BACKGROUND_COLOUR, category=dpg.mvThemeCat_Core)

# set the window background colour
with dpg.theme(default_theme=True) as theme_id:
    dpg.add_theme_color(dpg.mvThemeCol_WindowBg,BACKGROUND_COLOUR, category=dpg.mvThemeCat_Core)

def run():
    dpg.set_item_type_theme(dpg.mvButton, button_right)
    dpg.set_primary_window(main_window, True)
    dpg.start_dearpygui()

if __name__ == '__main__':
    run()

Related to #1057 but with 2 main differences:

1. That issue applies to add_input_text, not add_text.
2. That issue does not provide the hint to apply the imgui code from buttons to add_text / add_input_text.

Aligning text may not be as cool as 3D widgets, but very useful nonetheless 😉

[hskun]

I also need the align(start from right) funtion about add_text_input()

[west-rynes]

+1

[DataExplorerUser]

Closed as part of the review of issues.