mirror of
https://github.com/flutter/flutter.git
synced 2026-02-20 02:29:02 +08:00
Make it possible to draw Text in the new window/document-less world
I had to add back document.createText() since new Text() does not work in the new world yet. LayoutRoot is a new Dart-exposed class which holds the Frame and all associated machinery, sufficient to trigger a restyle and layout of the subtree. This is all kinda hacky and I'm sure likely to cause many crashes if folks call random methods on these disconnected trees. But this makes it at least possible to paint text for now and we can improve this in the coming days. This really should have Adam's review. It's hugely hacky but I'd like to negotiate out with him the timeline on which we should fix some of these hacks. R=ianh@google.com TBR=abarth@chromium.org Review URL: https://codereview.chromium.org/1148253003
This commit is contained in:
parent
dc82febb38
commit
a328df8634
47
engine/src/flutter/examples/spinning_arabic.dart
Normal file
47
engine/src/flutter/examples/spinning_arabic.dart
Normal file
@ -0,0 +1,47 @@
|
||||
// Copyright 2015 The Chromium Authors. All rights reserved.
|
||||
// Use of this source code is governed by a BSD-style license that can be
|
||||
// found in the LICENSE file.
|
||||
|
||||
import "dart:math" as math;
|
||||
import 'dart:sky';
|
||||
|
||||
double timeBase = null;
|
||||
LayoutRoot layoutRoot = new LayoutRoot();
|
||||
|
||||
void beginFrame(double timeStamp) {
|
||||
if (timeBase == null)
|
||||
timeBase = timeStamp;
|
||||
double delta = timeStamp - timeBase;
|
||||
PictureRecorder canvas = new PictureRecorder(view.width, view.height);
|
||||
canvas.translate(view.width / 2.0, view.height / 2.0);
|
||||
canvas.rotateDegrees(delta / 10);
|
||||
canvas.drawRect(new Rect()..setLTRB(-100.0, -100.0, 100.0, 100.0),
|
||||
new Paint()..setARGB(255, 0, 255, 0));
|
||||
|
||||
double sin = math.sin(delta / 200);
|
||||
layoutRoot.maxWidth = 150.0 + (50 * sin);
|
||||
layoutRoot.layout();
|
||||
|
||||
canvas.translate(layoutRoot.maxWidth / -2.0, (layoutRoot.maxWidth / 2.0) - 125);
|
||||
layoutRoot.paint(canvas);
|
||||
|
||||
view.picture = canvas.endRecording();
|
||||
view.scheduleFrame();
|
||||
}
|
||||
|
||||
void main() {
|
||||
var document = new Document();
|
||||
var arabic = document.createText("هذا هو قليلا طويلة من النص الذي يجب التفاف .");
|
||||
var more = document.createText(" و أكثر قليلا لجعله أطول. ");
|
||||
var block = document.createElement('p');
|
||||
block.style['display'] = 'paragraph';
|
||||
block.style['direction'] = 'rtl';
|
||||
block.style['unicode-bidi'] = 'plaintext';
|
||||
block.appendChild(arabic);
|
||||
block.appendChild(more);
|
||||
|
||||
layoutRoot.rootElement = block;
|
||||
|
||||
view.setBeginFrameCallback(beginFrame);
|
||||
view.scheduleFrame();
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user