Fix LVGL needle value handling and image metadata access

[agillis]

What does this implement/fix?

LVGL needle value handling and image metadata access

Types of changes

• Bugfix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Developer breaking change (an API change that could break external components)
• Code quality improvements to existing code or addition of tests
• Other

Related issue or feature (if applicable):

• fixes

Pull request in esphome-docs with documentation (if applicable):

• esphome/esphome-docs#

Test Environment

• ESP32
• ESP32 IDF
• ESP8266
• RP2040
• BK72xx
• RTL87xx
• LN882x
• nRF52840

Example entry for config.yaml:

# Example config.yaml

Checklist:

• The code change is tested and works locally.
• Tests have been added to verify that the new code works (under tests/ folder).

If user exposed functionality or configuration variables are added/changed:

• Documentation added/updated in esphome-docs.

[github-actions]

To use the changes from this PR as an external component, add the following to your ESPHome configuration YAML file:

external_components:
  - source: github://clydebarrow/esphome@pull/137/head
    components: [lvgl]
    refresh: 1h

---

(Added by the PR bot)

[clydebarrow]

Thanks, had a quick look but have questions so will look at it in detail when I get back in a week or so.

[agillis]

I use a lot of meter pointers that are images. This is what broke it. I'm not sure how much testing is does with this type of meter pointer

              widgets:
                - meter:
                    height: 100%
                    width: 100%
                    text_font: nunito_24
                    outline_width: 2
                    outline_color: black
                    indicator:
                      opa: TRANSP # get rid of that black dot in the center of the meter
                    scales:
                        - range_from: 1
                          range_to: 100
                          angle_range: 360
                          rotation: 270
                          indicators:
                            - image:
                                id: tide_level
                                src: tide_pointer
                                pivot_x: 44
                                pivot_y: 44
                                value: 0
                          ticks:
                            count: 0