2011-10-17 16 views
5

Mam renderowania HTML do mojego projektu do stworzenia tego rodzaju obrazu, co następuje:pisania liczb ułamkowych w Java lub Androida

desired output

więc piszę ten kod jak poniżej:

<big>1</big> 
<sup> 
    <sup> 
    <small> 
     <small>1</small> 
    </small> 
    </sup> 
</sup> 
/
<sub> 
    <small>3</small> 
</sub> 

Ale wyjście wygląda następująco:

actual output

Widać różnicę między liczbą 1 i "/", a także między "/" i 3. jakikolwiek pomysł, jak ją usunąć?

Rozwiązanie:

Just number values changes 

<big>1</big><sup>1</sup>&frasl;<sub>10</sub> 

który będzie wyglądać tak jak na rysunku. enter image description here

Mam nadzieję, że to pomoże komuś. Dzięki za wsparcie.

+2

Jeśli czcionka obsługuje go, być może po prostu użyć jednej trzeciej symbol: ⅓ – aioobe

+0

@aioobe użyłem czcionki tag zanim nie obsługują więc poszedłem do dużych i małych tagów –

+0

będę przeformułować w sposób odpowiedź ... – aioobe

Odpowiedz

3

Powodem widzisz luki pomiędzy liczniku i mianowniku separatora dlatego starasz się uczynić trzy różne postacie w zwykły ciąg tekstowy, jeden po drugim:

enter image description here

Ponieważ chcesz, aby elementy ułamkowe zachowywały się nieco inaczej niż zachowywał się standardowy tekst, musisz przyjrzeć się użyciu czegoś zaprojektowanego specjalnie do wyświetlania tych symboli. Możesz spojrzeć na MathML (konkretnie część dotyczącą bevelled elements in fractions i coś podobnego do JEuclid, aby wykonać rzeczywiste renderowanie:

+0

Dzięki, czy możemy użyć tego kodu bezpośrednio w kodzie HTML? –

+1

To mało prawdopodobne. Macierzysta obsługa MathML istnieje w Firefoksie (http://caniuse.com/mathml), ale większość innych przeglądarek nie jest w stanie renderować go natywnie, w tym w przeglądarce Android. Wygląda na to, że będziesz musiał renderować komponenty ułamkowe do .pngs za pomocą JEuclid, a następnie uwzględnić je na wyświetlanej stronie. – matt

+0

ok dzięki za pomoc, ale chcę użyć bezpośrednio wewnątrz kodu. –

0

To naprawdę nie rozwiązuje problemu, i przyznam, że nie zrobiłem to na Androidzie, choć nie rozumiem, dlaczego to nie zadziałałoby, ale to, co robiłem w tego typu sytuacjach wcześniej było ... oszustem, mimo wszystko jestem programistą;). Weź tekst, z którym masz problemy, i dynamicznie wygeneruj dla niego ładną grafikę, a następnie wyświetl grafikę. Projektanci robią to również na zawsze, wykorzystując zastępowanie czcionek Flash.

Niektóre problemy po prostu nie są łatwe do rozwiązania "w prawidłowy" sposób. HTH

+0

Znalazłem jedno rozwiązanie, ponieważ wpisałem to pytanie powyżej.Zobacz to plz –

+0

Wiem, że możemy używać obrazów. Ale twoja aplikacja będzie tak wiele obrazów to nie jest dobre rozwiązanie. Ponieważ aplikacja Android robi się wolna z wieloma obrazami. –

Powiązane problemy