1*c8dee2aaSAndroid Build Coastguard Worker // Copyright 2020 Google LLC.
2*c8dee2aaSAndroid Build Coastguard Worker // Use of this source code is governed by a BSD-style license that can be found in the LICENSE file.
3*c8dee2aaSAndroid Build Coastguard Worker #include "tools/fiddle/examples.h"
4*c8dee2aaSAndroid Build Coastguard Worker REG_FIDDLE(ChromeMDRefreshTab, 256, 256, false, 0) {
GetBorderPath(float scale,bool unscale_at_end,bool extend_to_top,float endcap_width,const SkISize & size)5*c8dee2aaSAndroid Build Coastguard Worker SkPath GetBorderPath(float scale,
6*c8dee2aaSAndroid Build Coastguard Worker bool unscale_at_end,
7*c8dee2aaSAndroid Build Coastguard Worker bool extend_to_top,
8*c8dee2aaSAndroid Build Coastguard Worker float endcap_width,
9*c8dee2aaSAndroid Build Coastguard Worker const SkISize& size) {
10*c8dee2aaSAndroid Build Coastguard Worker // const float top = scale - 1;
11*c8dee2aaSAndroid Build Coastguard Worker const float right = size.fWidth * scale;
12*c8dee2aaSAndroid Build Coastguard Worker const float bottom = size.fHeight * scale;
13*c8dee2aaSAndroid Build Coastguard Worker const float scaled_endcap_radius = (endcap_width / 2) * scale;
14*c8dee2aaSAndroid Build Coastguard Worker
15*c8dee2aaSAndroid Build Coastguard Worker SkPath path;
16*c8dee2aaSAndroid Build Coastguard Worker path.moveTo(0, bottom - 1);
17*c8dee2aaSAndroid Build Coastguard Worker // bottom left
18*c8dee2aaSAndroid Build Coastguard Worker path.arcTo(scaled_endcap_radius - 1, scaled_endcap_radius - 1, 90, SkPath::kSmall_ArcSize,
19*c8dee2aaSAndroid Build Coastguard Worker SkPathDirection::kCCW, scaled_endcap_radius - 1,
20*c8dee2aaSAndroid Build Coastguard Worker bottom - 1 - scaled_endcap_radius);
21*c8dee2aaSAndroid Build Coastguard Worker // path.rLineTo(0, -1);
22*c8dee2aaSAndroid Build Coastguard Worker // path.rCubicTo(0.75 * scale, 0, 1.625 * scale, -0.5 * scale, 2 * scale,
23*c8dee2aaSAndroid Build Coastguard Worker // -1.5 * scale);
24*c8dee2aaSAndroid Build Coastguard Worker path.lineTo(scaled_endcap_radius - 1, scaled_endcap_radius + 1);
25*c8dee2aaSAndroid Build Coastguard Worker // path.lineTo((endcap_width - 2) * scale, top + 1.5 * scale);
26*c8dee2aaSAndroid Build Coastguard Worker // top left
27*c8dee2aaSAndroid Build Coastguard Worker path.arcTo(scaled_endcap_radius + 1, scaled_endcap_radius + 1, 90, SkPath::kSmall_ArcSize,
28*c8dee2aaSAndroid Build Coastguard Worker SkPathDirection::kCW, scaled_endcap_radius * 2, -1);
29*c8dee2aaSAndroid Build Coastguard Worker
30*c8dee2aaSAndroid Build Coastguard Worker // if (extend_to_top) {
31*c8dee2aaSAndroid Build Coastguard Worker // Create the vertical extension by extending the side diagonals until
32*c8dee2aaSAndroid Build Coastguard Worker // they reach the top of the bounds.
33*c8dee2aaSAndroid Build Coastguard Worker // const float dy = 2.5 * scale - 1;
34*c8dee2aaSAndroid Build Coastguard Worker // const float dx = Tab::GetInverseDiagonalSlope() * dy;
35*c8dee2aaSAndroid Build Coastguard Worker // path.rLineTo(dx, -dy);
36*c8dee2aaSAndroid Build Coastguard Worker // path.lineTo(right - (endcap_width - 2) * scale - dx, 0);
37*c8dee2aaSAndroid Build Coastguard Worker // path.rLineTo(dx, dy);
38*c8dee2aaSAndroid Build Coastguard Worker //} else {
39*c8dee2aaSAndroid Build Coastguard Worker // path.rCubicTo(0.375 * scale, -scale, 1.25 * scale, -1.5 * scale, 2 * scale,
40*c8dee2aaSAndroid Build Coastguard Worker // -1.5 * scale);
41*c8dee2aaSAndroid Build Coastguard Worker // path.lineTo(right - endcap_width * scale, top);
42*c8dee2aaSAndroid Build Coastguard Worker // path.rCubicTo(0.75 * scale, 0, 1.625 * scale, 0.5 * scale, 2 * scale,
43*c8dee2aaSAndroid Build Coastguard Worker // 1.5 * scale);
44*c8dee2aaSAndroid Build Coastguard Worker //}
45*c8dee2aaSAndroid Build Coastguard Worker path.lineTo(right - scaled_endcap_radius * 2, -1);
46*c8dee2aaSAndroid Build Coastguard Worker // path.lineTo(right - 2 * scale, bottom - 1 - 1.5 * scale);
47*c8dee2aaSAndroid Build Coastguard Worker
48*c8dee2aaSAndroid Build Coastguard Worker // top right
49*c8dee2aaSAndroid Build Coastguard Worker path.arcTo(scaled_endcap_radius + 1, scaled_endcap_radius + 1, 90, SkPath::kSmall_ArcSize,
50*c8dee2aaSAndroid Build Coastguard Worker SkPathDirection::kCW, right - scaled_endcap_radius + 1,
51*c8dee2aaSAndroid Build Coastguard Worker scaled_endcap_radius + 1);
52*c8dee2aaSAndroid Build Coastguard Worker // path.arcTo(SkRect::MakeLTRB(right - 2 * scale, bottom - 1 - 1.5 * scale,
53*c8dee2aaSAndroid Build Coastguard Worker // right - 2 * scale + 4, bottom - 1 - 1.5 * scale + 4), 90, 90, true);
54*c8dee2aaSAndroid Build Coastguard Worker // path.rCubicTo(0.375 * scale, scale, 1.25 * scale, 1.5 * scale, 2 * scale,
55*c8dee2aaSAndroid Build Coastguard Worker // 1.5 * scale);
56*c8dee2aaSAndroid Build Coastguard Worker
57*c8dee2aaSAndroid Build Coastguard Worker path.lineTo(right - scaled_endcap_radius + 1, bottom - 1 - scaled_endcap_radius);
58*c8dee2aaSAndroid Build Coastguard Worker // path.rLineTo(0, 1);
59*c8dee2aaSAndroid Build Coastguard Worker
60*c8dee2aaSAndroid Build Coastguard Worker // bottom right
61*c8dee2aaSAndroid Build Coastguard Worker path.arcTo(scaled_endcap_radius - 1, scaled_endcap_radius - 1, 90, SkPath::kSmall_ArcSize,
62*c8dee2aaSAndroid Build Coastguard Worker SkPathDirection::kCCW, right, bottom - 1);
63*c8dee2aaSAndroid Build Coastguard Worker path.close();
64*c8dee2aaSAndroid Build Coastguard Worker
65*c8dee2aaSAndroid Build Coastguard Worker if (unscale_at_end && (scale != 1)) path.transform(SkMatrix::Scale(1.f / scale,
66*c8dee2aaSAndroid Build Coastguard Worker 1.f / scale));
67*c8dee2aaSAndroid Build Coastguard Worker
68*c8dee2aaSAndroid Build Coastguard Worker return path;
69*c8dee2aaSAndroid Build Coastguard Worker }
70*c8dee2aaSAndroid Build Coastguard Worker
GetInteriorPath(float scale,const SkISize & size,float endcap_width,float horizontal_inset=0)71*c8dee2aaSAndroid Build Coastguard Worker SkPath GetInteriorPath(
72*c8dee2aaSAndroid Build Coastguard Worker float scale, const SkISize& size, float endcap_width, float horizontal_inset = 0) {
73*c8dee2aaSAndroid Build Coastguard Worker const float right = size.fWidth * scale;
74*c8dee2aaSAndroid Build Coastguard Worker // The bottom of the tab needs to be pixel-aligned or else when we call
75*c8dee2aaSAndroid Build Coastguard Worker // ClipPath with anti-aliasing enabled it can cause artifacts.
76*c8dee2aaSAndroid Build Coastguard Worker const float bottom = std::ceil(size.fHeight * scale);
77*c8dee2aaSAndroid Build Coastguard Worker
78*c8dee2aaSAndroid Build Coastguard Worker // const float scaled_horizontal_inset = horizontal_inset * scale;
79*c8dee2aaSAndroid Build Coastguard Worker
80*c8dee2aaSAndroid Build Coastguard Worker const float scaled_endcap_radius = (endcap_width / 2) * scale;
81*c8dee2aaSAndroid Build Coastguard Worker
82*c8dee2aaSAndroid Build Coastguard Worker // Construct the interior path by intersecting paths representing the left
83*c8dee2aaSAndroid Build Coastguard Worker // and right halves of the tab. Compared to computing the full path at once,
84*c8dee2aaSAndroid Build Coastguard Worker // this makes it easier to avoid overdraw in the top center near minimum
85*c8dee2aaSAndroid Build Coastguard Worker // width, and to implement cases where |horizontal_inset| != 0.
86*c8dee2aaSAndroid Build Coastguard Worker SkPath right_path;
87*c8dee2aaSAndroid Build Coastguard Worker
88*c8dee2aaSAndroid Build Coastguard Worker right_path.moveTo(right, bottom);
89*c8dee2aaSAndroid Build Coastguard Worker // right_path.moveTo(right - 1 - scaled_horizontal_inset, bottom);
90*c8dee2aaSAndroid Build Coastguard Worker
91*c8dee2aaSAndroid Build Coastguard Worker right_path.arcTo(scaled_endcap_radius, scaled_endcap_radius, 90, SkPath::kSmall_ArcSize,
92*c8dee2aaSAndroid Build Coastguard Worker SkPathDirection::kCW, right - scaled_endcap_radius,
93*c8dee2aaSAndroid Build Coastguard Worker bottom - scaled_endcap_radius);
94*c8dee2aaSAndroid Build Coastguard Worker // right_path.rCubicTo(-0.75 * scale, 0, -1.625 * scale, -0.5 * scale,
95*c8dee2aaSAndroid Build Coastguard Worker // -2 * scale, -1.5 * scale);
96*c8dee2aaSAndroid Build Coastguard Worker
97*c8dee2aaSAndroid Build Coastguard Worker right_path.lineTo(right - scaled_endcap_radius, scaled_endcap_radius);
98*c8dee2aaSAndroid Build Coastguard Worker // right_path.lineTo(
99*c8dee2aaSAndroid Build Coastguard Worker // right - 1 - scaled_horizontal_inset - (endcap_width - 2) * scale,
100*c8dee2aaSAndroid Build Coastguard Worker // 2.5 * scale);
101*c8dee2aaSAndroid Build Coastguard Worker
102*c8dee2aaSAndroid Build Coastguard Worker right_path.arcTo(scaled_endcap_radius, scaled_endcap_radius, 90, SkPath::kSmall_ArcSize,
103*c8dee2aaSAndroid Build Coastguard Worker SkPathDirection::kCCW, right - scaled_endcap_radius * 2, 0);
104*c8dee2aaSAndroid Build Coastguard Worker // right_path.rCubicTo(-0.375 * scale, -1 * scale, -1.25 * scale, -1.5 * scale,
105*c8dee2aaSAndroid Build Coastguard Worker // -2 * scale, -1.5 * scale);
106*c8dee2aaSAndroid Build Coastguard Worker
107*c8dee2aaSAndroid Build Coastguard Worker right_path.lineTo(0, 0);
108*c8dee2aaSAndroid Build Coastguard Worker right_path.lineTo(0, bottom);
109*c8dee2aaSAndroid Build Coastguard Worker right_path.close();
110*c8dee2aaSAndroid Build Coastguard Worker
111*c8dee2aaSAndroid Build Coastguard Worker SkPath left_path;
112*c8dee2aaSAndroid Build Coastguard Worker // const float scaled_endcap_width = 1 + endcap_width * scale;
113*c8dee2aaSAndroid Build Coastguard Worker left_path.moveTo(scaled_endcap_radius * 2, 0);
114*c8dee2aaSAndroid Build Coastguard Worker // left_path.moveTo(scaled_endcap_width + scaled_horizontal_inset, scale);
115*c8dee2aaSAndroid Build Coastguard Worker
116*c8dee2aaSAndroid Build Coastguard Worker left_path.arcTo(scaled_endcap_radius, scaled_endcap_radius, 90, SkPath::kSmall_ArcSize,
117*c8dee2aaSAndroid Build Coastguard Worker SkPathDirection::kCCW, scaled_endcap_radius, scaled_endcap_radius);
118*c8dee2aaSAndroid Build Coastguard Worker // left_path.rCubicTo(-0.75 * scale, 0, -1.625 * scale, 0.5 * scale, -2 * scale,
119*c8dee2aaSAndroid Build Coastguard Worker // 1.5 * scale);
120*c8dee2aaSAndroid Build Coastguard Worker
121*c8dee2aaSAndroid Build Coastguard Worker left_path.lineTo(scaled_endcap_radius, bottom - scaled_endcap_radius);
122*c8dee2aaSAndroid Build Coastguard Worker // left_path.lineTo(1 + scaled_horizontal_inset + 2 * scale,
123*c8dee2aaSAndroid Build Coastguard Worker // bottom - 1.5 * scale);
124*c8dee2aaSAndroid Build Coastguard Worker
125*c8dee2aaSAndroid Build Coastguard Worker left_path.arcTo(scaled_endcap_radius, scaled_endcap_radius, 90, SkPath::kSmall_ArcSize,
126*c8dee2aaSAndroid Build Coastguard Worker SkPathDirection::kCW, 0, bottom);
127*c8dee2aaSAndroid Build Coastguard Worker // left_path.rCubicTo(-0.375 * scale, scale, -1.25 * scale, 1.5 * scale,
128*c8dee2aaSAndroid Build Coastguard Worker // -2 * scale, 1.5 * scale);
129*c8dee2aaSAndroid Build Coastguard Worker
130*c8dee2aaSAndroid Build Coastguard Worker left_path.lineTo(right, bottom);
131*c8dee2aaSAndroid Build Coastguard Worker left_path.lineTo(right, 0);
132*c8dee2aaSAndroid Build Coastguard Worker left_path.close();
133*c8dee2aaSAndroid Build Coastguard Worker
134*c8dee2aaSAndroid Build Coastguard Worker SkPath complete_path;
135*c8dee2aaSAndroid Build Coastguard Worker Op(left_path, right_path, SkPathOp::kIntersect_SkPathOp, &complete_path);
136*c8dee2aaSAndroid Build Coastguard Worker return complete_path;
137*c8dee2aaSAndroid Build Coastguard Worker }
138*c8dee2aaSAndroid Build Coastguard Worker
draw(SkCanvas * canvas)139*c8dee2aaSAndroid Build Coastguard Worker void draw(SkCanvas* canvas) {
140*c8dee2aaSAndroid Build Coastguard Worker SkPaint p;
141*c8dee2aaSAndroid Build Coastguard Worker p.setColor(SK_ColorRED);
142*c8dee2aaSAndroid Build Coastguard Worker p.setAntiAlias(true);
143*c8dee2aaSAndroid Build Coastguard Worker p.setStyle(SkPaint::kStroke_Style);
144*c8dee2aaSAndroid Build Coastguard Worker p.setStrokeWidth(1);
145*c8dee2aaSAndroid Build Coastguard Worker SkPath path = GetInteriorPath(1.f, SkISize::Make(250, 36), 16);
146*c8dee2aaSAndroid Build Coastguard Worker path.transform(SkMatrix::Translate(0, 30));
147*c8dee2aaSAndroid Build Coastguard Worker canvas->drawPath(path, p);
148*c8dee2aaSAndroid Build Coastguard Worker
149*c8dee2aaSAndroid Build Coastguard Worker p.setColor(SK_ColorBLUE);
150*c8dee2aaSAndroid Build Coastguard Worker SkPath border_path = GetBorderPath(1.f, false, false, 16, SkISize::Make(250, 36));
151*c8dee2aaSAndroid Build Coastguard Worker border_path.transform(SkMatrix::Translate(0, 30));
152*c8dee2aaSAndroid Build Coastguard Worker canvas->drawPath(border_path, p);
153*c8dee2aaSAndroid Build Coastguard Worker
154*c8dee2aaSAndroid Build Coastguard Worker // canvas->drawLine(20, 20, 100, 100, p);
155*c8dee2aaSAndroid Build Coastguard Worker }
156*c8dee2aaSAndroid Build Coastguard Worker } // END FIDDLE
157