Coder Social home page Coder Social logo

Comments (6)

Gillibald avatar Gillibald commented on July 21, 2024 1

This is unrelated to the original issue. Please create a new issue with a detailed reproducible.

from avalonia.

dbriard avatar dbriard commented on July 21, 2024

I have a similar with ContentPresenter and TextAlignment.
I am using TextAlignment="Center" in a TemplatedControl.
The control display well in designer, but when the control is used in the real app, in a view that is already visible on screen. The texts are empty.

Designer:
image

App:
image

If I resize the window so that Measure of the control is called, or if I change view and get back (e.g. in a tab control), the display is now correct
image

Same issue with TextAlignment="Right", but no problem with Left.

Avalonia 11.0.1 beta 2

You can repro using the Theme of the HeaderedContentControl and adding TextAlignement="Center" for the ContentPresenter.

from avalonia.

dbriard avatar dbriard commented on July 21, 2024

Another example of the issue with TextAlignment=Center: (no issue with HorizontalAlignment=Center)
image
I can use HorizontalAlignment instead of TextAlignement at the moment, but centering is not exactly the same. HorizontalAlignment is not perfectly centered, and don't work on multilines.

And another issue with text: not sure if it is the same bug or not but sometime the end of the text is not visible in ToolTips.
I display Bounds in a ToolTip:
image
image

I am using Segoe UI font in Windows 11 (scale 100%) with 11.1 RC1.
FontSize=12 but I got issue with all Font Sizes with TextAlignment.

from avalonia.

Bip901 avatar Bip901 commented on July 21, 2024

And another issue with text: not sure if it is the same bug or not but sometime the end of the text is not visible in ToolTips.

That seems unrelated, the text is simply too long for the remaining space.
You could use a TextWrapping value of WrapWithOverflow or increase the width of the ToolTip.

from avalonia.

dbriard avatar dbriard commented on July 21, 2024

And another issue with text: not sure if it is the same bug or not but sometime the end of the text is not visible in ToolTips.

That seems unrelated, the text is simply too long for the remaining space. You could use a TextWrapping value of WrapWithOverflow or increase the width of the ToolTip.

I double checked and the tooltip is limited to 240 pixels wide with TextWrapping... so there is no reason that the text is truncated.
I also tried WrapWithOverflow instead of Wrap is the result is the same.

May some kind of rounding error, or a measure that is not called.

from avalonia.

dbriard avatar dbriard commented on July 21, 2024

Until the bug is fixed, here a ugly workaround for tooltips if someone need:

public class TruncatedToolTipWorkaroundConverter : IValueConverter
{
    public object? Convert(object? value, Type targetType, object? parameter, CultureInfo culture)
    {
        if (value is string s)
        {
            return s + ' ';
        }
        return value;
    }

    public object? ConvertBack(object? value, Type targetType, object? parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

Then in ToolTip theme:
Content="{TemplateBinding Content, Converter={StaticResource TruncatedToolTipWorkaroundConverter}}"

The tooltip is no more truncated at the end, but there is an additional whitespace, so small tooltips are no more centered.

from avalonia.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.