https://wiki.qt.io/index.php?title=QML_Scrolling_Digits/bg&feed=atom&action=history
QML Scrolling Digits/bg - Revision history
2024-03-28T14:29:27Z
Revision history for this page on the wiki
MediaWiki 1.39.4
https://wiki.qt.io/index.php?title=QML_Scrolling_Digits/bg&diff=16007&oldid=prev
AutoSpider: Remove non-functioning "toc" command
2015-04-17T12:27:52Z
<p>Remove non-functioning "toc" command</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 12:27, 17 April 2015</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l8">Line 8:</td>
<td colspan="2" class="diff-lineno">Line 8:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>'''Български''' [[QML_Scrolling_Digits|English]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>'''Български''' [[QML_Scrolling_Digits|English]]</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">[toc align_right="yes" depth="2"]</del></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>= Как да направим скролиращи се числа =</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>= Как да направим скролиращи се числа =</div></td></tr>
<!-- diff cache key heroku_app_db:diff::1.12:old-14756:rev-16007 -->
</table>
AutoSpider
https://wiki.qt.io/index.php?title=QML_Scrolling_Digits/bg&diff=14756&oldid=prev
AutoSpider: YouTube links
2015-03-20T14:45:04Z
<p>YouTube links</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 14:45, 20 March 2015</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l14">Line 14:</td>
<td colspan="2" class="diff-lineno">Line 14:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Ето един начин как бързо и лесно да направите скролиращи се числа.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Ето един начин как бързо и лесно да направите скролиращи се числа.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">[YouTubeID</del>:KLE4FdGc12U<del style="font-weight: bold; text-decoration: none;">]</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">https</ins>:<ins style="font-weight: bold; text-decoration: none;">//www.youtube.com/watch?v=</ins>KLE4FdGc12U</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Код ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Код ==</div></td></tr>
</table>
AutoSpider
https://wiki.qt.io/index.php?title=QML_Scrolling_Digits/bg&diff=14321&oldid=prev
AutoSpider: AutoSpider moved page QML Scrolling Digits Bulgarian to QML Scrolling Digits/bg: Localisation
2015-03-16T16:02:33Z
<p>AutoSpider moved page <a href="/QML_Scrolling_Digits_Bulgarian" class="mw-redirect" title="QML Scrolling Digits Bulgarian">QML Scrolling Digits Bulgarian</a> to <a href="/QML_Scrolling_Digits/bg" title="QML Scrolling Digits/bg">QML Scrolling Digits/bg</a>: Localisation</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 16:02, 16 March 2015</td>
</tr>
<!-- diff cache key heroku_app_db:diff::1.12:old-9904:rev-14321 -->
</table>
AutoSpider
https://wiki.qt.io/index.php?title=QML_Scrolling_Digits/bg&diff=9904&oldid=prev
AutoSpider: Add "cleanup" tag
2015-03-03T16:22:33Z
<p>Add "cleanup" tag</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 16:22, 3 March 2015</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td>
<td colspan="2" class="diff-lineno">Line 1:</td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">{{Cleanup | reason=Auto-imported from ExpressionEngine.}}</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Category:Snippets]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Category:Snippets]]</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Category:HowTo]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Category:HowTo]]</div></td></tr>
</table>
AutoSpider
https://wiki.qt.io/index.php?title=QML_Scrolling_Digits/bg&diff=7885&oldid=prev
Maintenance script at 12:51, 25 February 2015
2015-02-25T12:51:29Z
<p></p>
<a href="//wiki.qt.io/index.php?title=QML_Scrolling_Digits/bg&diff=7885&oldid=3511">Show changes</a>
Maintenance script
https://wiki.qt.io/index.php?title=QML_Scrolling_Digits/bg&diff=3511&oldid=prev
Maintenance script at 07:03, 24 February 2015
2015-02-24T07:03:14Z
<p></p>
<p><b>New page</b></p><div>[[Category:Snippets]]<br />[[Category:HowTo]]<br />[[Category:Developing_with_Qt::Qt Quick]]<br />[[Category:Developing_with_Qt::Qt Quick::QML]]<br />
<br />
'''Български''' [[QML_Scrolling_Digits|English]]<br />
<br />
[toc align_right=&quot;yes&amp;quot; depth=&quot;2&amp;quot;]<br />
<br />
= Как да направим скролиращи се числа =<br />
<br />
Ето един начин как бързо и лесно да направите скролиращи се числа.<br />
<br />
[YouTubeID:KLE4FdGc12U]<br />
<br />
== Код ==<br />
<br />
Първо създаваме компонент за всяка цифра:<br />
<br />
Digit.qml<br /><code><br />import QtQuick 1.1<br />
<br />
Rectangle {<br /> id: digitItem<br /> width: size<br /> height: size<br />
<br />
clip: true<br />
<br />
gradient: Gradient {<br /> GradientStop {<br /> position: 0.0<br /> color: &quot;black&amp;quot;<br /> }<br />
<br />
GradientStop {<br /> position: 0.5<br /> color: &quot;#222222&amp;quot;<br /> }<br />
<br />
GradientStop {<br /> position: 1.0<br /> color: &quot;black&amp;quot;<br /> }<br /> }<br />
<br />
border.color: &quot;black&amp;quot;<br /> border.width: 1<br />
<br />
property int digit: 0<br /> property int size: 20<br />
<br />
onDigitChanged: { digitPath.currentIndex = digit; }<br />
<br />
PathView {<br /> id: digitPath<br />
<br />
width: digitItem.size<br /> height: digitItem.size * 10<br />
<br />
interactive: false<br />
<br />
anchors.centerIn: parent<br />
<br />
model: [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 ]<br />
<br />
delegate: Text {<br /> width: digitItem.size<br /> height: digitItem.size<br />
<br />
text: modelData;<br />
<br />
color: &quot;white&amp;quot;;<br />
<br />
horizontalAlignment: Text.AlignHCenter;<br /> verticalAlignment: Text.AlignVCenter;<br />
<br />
font.pointSize: digitItem.size-4;<br /> }<br />
<br />
preferredHighlightBegin: 0.5<br /> preferredHighlightEnd: 0.5<br />
<br />
path: Path {<br /> startX: digitPath.width / 2<br /> startY: 0<br />
<br />
PathLine { x: digitPath.width / 2; y: digitPath.height }<br /> }<br /> }<br />}<br /></code><br />
<br />
Компонентът е един правоъгълник, в който центрираме ''PathView'' и включваме клипирането, за да виждаме само текущата цифра.<br />
<br />
След това създавеме самия компонент за скролиращите се цифри:<br />
<br />
ScrollingDigits.qml<br /><code><br />import QtQuick 1.1<br />
<br />
Row {<br /> id: scrollingDigits<br />
<br />
property int number: 0<br /> property int positions: 5<br />
<br />
Repeater {<br /> id: rep<br />
<br />
model: scrollingDigits.positions<br />
<br />
Digit {<br /> }<br /> }<br />
<br />
onNumberChanged: {<br />
<br />
var tmp = number<br />
<br />
for( var i = 0; i &lt; positions; ++i ) {<br /> rep.itemAt( positions - i - 1).digit = tmp % 10<br /> tmp = Math.floor( tmp / 10 )<br /> }<br /> }<br />}<br /></code><br />
<br />
Добавяме две нови свойства към ''Row'' елемента - '''number''' и '''positions''' . '''number''' съдържа числото, което искате да покажете, а '''position''' в колко позиции да се изписва.<br />
<br />
== Пример: ==<br />
<br />
main.qml<br />
<br />
<code><br />import QtQuick 1.1<br />
<br />
Rectangle<br />{<br /> width: 400<br /> height: 400<br />
<br />
color: &quot;gray&amp;quot;<br />
<br />
ScrollingDigits {<br /> anchors.centerIn: parent<br />
<br />
positions: 4<br />
<br />
NumberAnimation on number {<br /> from: 15; to: 100<br /> duration: 50000<br /> }<br /> }<br />}</div>
Maintenance script