iOS的Drawing

最新推荐文章于 2024-06-16 09:49:26 发布
最新推荐文章于 2024-06-16 09:49:26 发布
阅读量1.6k 收藏
点赞数
分类专栏： iOS应用开发之Drawing 文章标签： iOS开发 Drawing

14.1 Quartz概述

14.2 绘制基本几何图形

14.3 绘制图像和文本

14.4 坐标

14.5 变换

14.6 图像拾取器

 

14.1 Quartz概述

Quartz是Mac OS X的Darwin核心之上的绘图层，有时候也认为是CoreGraphics。共有两种部分组成Quartz：

Quartz Compositor，合成视窗系统，管理和合成幕后视窗影像来建立Mac OS X使用者接口。

Quartz 2D，是iOS和Mac OS X环境下的二维绘图引擎。

涉及内容包括：基于路径的绘图，透明度绘图，遮盖，阴影，透明层，颜色管理，防锯齿渲染，生成PDF，以及PDF元数据相关处理。

14.2 绘制基本几何图形

视图绘制

    在iOS上，所有的绘制，无论是否采用OpenGL、Quartz、UIKit、或者 Core Animation—都发生在UIView对象的区域内。

视图定义绘制发生的屏幕区域。如果您使用系统提供的视图，绘制工作会自动得到处理。然而，如果您定义自己的定制视图，则必须自行提供绘制代码。

对于使用OpenGL进行绘制的应用程序，一旦建立了渲染表面，就必须使用OpenGL指定的绘制模型。

视图绘制周期

    描绘系统会调用UIView对象的drawRect:方法，并向它传入一个包含需要重画的视图区域的矩形。触发视图更新的动作有如下几种:

对遮挡您的视图的其它视图进行移动或删除操作。 

将视图的hidden属性声明设置为NO，使其从隐藏状态变为可见。

将视图滚出屏幕，然后再重新回到屏幕上。

显式调用视图的setNeedsDisplay或者setNeedsDisplayInRect:方法。

setNeedsDisplay是更新整个视图，

setNeedsDisplayInRect是更新视图的部分区域。

视图绘制实例FirstQuartz2D

wps_clip_image-14312

自定义视图的h文件

@interface MyView : UIView {
    
}

@end

自定义视图的m文件 

复制代码 
@implementation MyView

- (void)drawRect:(CGRect)rect {
    
    CGContextRef context = UIGraphicsGetCurrentContext();
    
    CGContextMoveToPoint (context, 75, 10); 
    CGContextAddLineToPoint (context, 10, 150); 
    CGContextAddLineToPoint (context, 160, 150); 
    
    // Closing the path connects the current point to the start of the current path.
    CGContextClosePath(context);
    // And stroke the path
    [[UIColor blackColor] setStroke]; 
    //CGContextStrokePath(context);
    [[UIColor redColor] setFill]; 
    CGContextDrawPath(context, kCGPathFillStroke);
    //kCGPathFillStroke,kCGPathFill,kCGPathStroke
    

}

@end
复制代码

CGContextRef context = UIGraphicsGetCurrentContext();可以获得图形上下文。

CGContextMoveToPoint、CGContextAddLineToPoint两个函数是构建描绘路径。

CGContextClosePath(context);函数是闭合描绘路径。

CGContextStrokePath函数是为闭合路径描边。

[[UIColor blackColor] setStroke]设置描边的颜色。

[[UIColor redColor] setFill]设置要填充颜色。

CGContextDrawPath(context, kCGPathFillStroke);设置描绘路径方式。常用的还有：

kCGPathFill和kCGPathStroke

图形上下文

  在调用您提供的drawRect:方法之前，视图对象会自动配置其绘制环境，使您的代码可以立即进行绘制。作为这些

配置的一部分，UIView对象会为当前绘制环境创建一个图形上下文（对应于CGContextRef封装类型）。

  该图形上下文包含绘制系统执行后续绘制命令所需要的信息，定义了各种基本的绘制属性，比如绘制使用的颜色、

裁剪区域、线的宽度及风格信息、字体信息、合成选项、以及几个其它信息。

绘制路径

  路径用于描述由一序列线和Bézier曲线构成的2D几何形状。Core Graphics中也有一些用于创建简单路径（比如矩形和椭圆形）的便利函数。对于更为复杂的路径，必须用Core Graphics框架提供的函数自行创建。

  Bézier曲线是法国数学家“贝塞尔”在工作中发现，任何一条曲线都可以通过与它相切的控制线两端的点的位置来定义。

Bézier曲线

wps_clip_image-26605

Bézier曲线实例BezierCurve

wps_clip_image-32456

复制代码 
- (void)drawRect:(CGRect)rect {
    
    CGContextRef cgContext = UIGraphicsGetCurrentContext();
    
    //CGContextBeginPath(cgContext);
    CGContextMoveToPoint(cgContext, 333, 0);
    CGContextAddCurveToPoint(cgContext, 333, 0, 332, 26, 330, 26);
    CGContextAddCurveToPoint(cgContext, 330, 26, 299, 20, 299, 17);
    CGContextAddLineToPoint(cgContext, 296, 17);
    CGContextAddCurveToPoint(cgContext, 296, 17, 296, 19, 291, 19);
    CGContextAddLineToPoint(cgContext, 250, 19);
    CGContextAddCurveToPoint(cgContext, 250, 19, 241, 24, 238, 19);
    CGContextAddCurveToPoint(cgContext, 236, 20, 234, 24, 227, 24);
    CGContextAddCurveToPoint(cgContext, 220, 24, 217, 19, 216, 19);
    CGContextAddCurveToPoint(cgContext, 214, 20, 211, 22, 207, 20);
    CGContextAddCurveToPoint(cgContext, 207, 20, 187, 20, 182, 21);
    CGContextAddLineToPoint(cgContext, 100, 45);
    CGContextAddLineToPoint(cgContext, 97, 46);
    CGContextAddCurveToPoint(cgContext, 97, 46, 86, 71, 64, 72);
    CGContextAddCurveToPoint(cgContext, 42, 74, 26, 56, 23, 48);
    CGContextAddLineToPoint(cgContext, 9, 47);
    CGContextAddCurveToPoint(cgContext, 9, 47, 0, 31, 0, 0);
    
    CGContextStrokePath(cgContext);
}
复制代码

14.3 绘制图像和文本

UIImages的-drawRect:方法绘制图像:

- [UIImage drawAtPoint:(CGPoint)point] 

- [UIImage drawInRect:(CGRect)rect]

- [UIImage drawAsPatternInRect:(CGRect)rect]

NSString的-drawRect:方法绘制文本:  

- [NSString drawAtPoint:(CGPoint)point withFont:(UIFont *)font]

实例DrawImage

wps_clip_image-11683

复制代码 
#import "MyView.h"


@implementation MyView

- (void)drawRect:(CGRect)rect {
    
    NSString* imagePath = [[NSBundle mainBundle] pathForResource:@"dog" ofType:@"png"];
    UIImage* myImageObj = [[UIImage alloc] initWithContentsOfFile:imagePath];
    //[myImageObj drawAtPoint:CGPointMake(0, 0)];
    [myImageObj drawInRect:CGRectMake(0, 0, 320, 480)];
    
    NSString *s = @"我的小狗";
    
    [s drawAtPoint:CGPointMake(100, 0) withFont:[UIFont systemFontOfSize:34.0]];
}

@end
复制代码

写字实例Draw

wps_clip_image-23850

Dot对象

复制代码 
//--h
@interface Dot : NSObject {
  CGFloat x;
  CGFloat y;
}

@property(assign) CGFloat x;
@property(assign) CGFloat y;

@end

//--m
#import "Dot.h"
@implementation Dot

@synthesize x;
@synthesize y;

@end
复制代码

DrawView.h 

复制代码 
#import <UIKit/UIKit.h>

@interface DrawView : UIView {
  NSMutableArray *dots;
}

@property(nonatomic, retain) NSMutableArray *dots;

@end
复制代码

DrawView.m

 

复制代码 
#import "DrawView.h"
#import "Dot.h"

@implementation DrawView

@synthesize dots;

- (NSMutableArray *)dots {
    if(nil == dots) {
        self.dots = [NSMutableArray array];
    }
    return dots;
}
//START:code.DrawView.drawRect
- (void)drawRect:(CGRect)rect {
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    CGContextSetFillColorWithColor(ctx, [[UIColor blueColor] CGColor]);
    for(Dot *dot in self.dots) {
        CGContextAddArc(ctx, dot.x, dot.y, 5.0f, 0.0f, 2.0f * M_PI, YES);
        CGContextFillPath(ctx);
    }
    
}
//END:code.DrawView.drawRect

- (void)dealloc {
    self.dots = nil;
    [super dealloc];
}
复制代码

drawRect方法中将dots集合中的Dot对象取出，一个一个在屏幕上面画出来。

CGContextAddArc(ctx, dot.x, dot.y, 5.0f, 0.0f, 2.0f * M_PI, YES);函数是绘制弧形。

CGContextFillPath(ctx);填充路径。

复制代码 
//START:code.DrawView.touchesBegan
- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {
    UITouch *touch = [touches anyObject];
    CGPoint location = [touch locationInView:self];
    Dot *dot = [[[Dot alloc] init] autorelease];
    dot.x = location.x;
    dot.y = location.y;
    //[self.dots removeAllObjects];
    [self.dots addObject:dot];
    [self setNeedsDisplay];
}
//END:code.DrawView.touchesBegan

//START:code.DrawView.touchesMoved
- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event {
    UITouch *touch = [touches anyObject];
    CGPoint location = [touch locationInView:self];
    Dot *dot = [[[Dot alloc] init] autorelease];
    dot.x = location.x;
    dot.y = location.y;
    [self.dots addObject:dot];
    [self setNeedsDisplay];
}
//END:code.DrawView.touchesMoved
复制代码

 

14.4 坐标

Quartz坐标

Quartz技术最开始为Mac OS X系统设计的图形技术，它的坐标原点位于左下角。

wps_clip_image-1616

UIKit坐标

UIKit坐标与Quartz不同，原点位于右上角。在iOS中的UIView等控件都是基于此坐标，由于在UIView使用了Quartz坐标有时候需要转换。

wps_clip_image-5807

坐标变换实例

wps_clip_image-29340

MyView.m文件

复制代码 
#import "MyView.h"

@implementation MyView

- (void)drawRect:(CGRect)rect {

    NSString *path = [[NSBundle mainBundle] pathForResource:@"cat" ofType:@"jpg"];
    UIImage *img = [UIImage imageWithContentsOfFile:path];
    CGImageRef image = img.CGImage;
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSaveGState(context);
    
    CGRect touchRect = CGRectMake(0, 0, img.size.width, img.size.height);
    CGContextDrawImage(context, touchRect, image);  
    CGContextRestoreGState(context);
}
@end
复制代码

 

CGContextSaveGState是将当前图形状态要入到图形堆栈。

CGContextDrawImage(context, touchRect, image)在上下文中绘制图形。 CGContextRestoreGState回复当前图形状态。

14.5 变换

运用变换 

变换（transformation）修改了图形上下文中绘制图形的方式。可以通过移动、旋转或缩放实现变换。

Quartz提供了多种形式的变换，其中主要：CTM（当前变换矩阵）变换和仿射（affine）变换。

CTM（current transformation matrix）变换，这种变换比较简单，函数有：

CGContextRotateCTM，旋转坐标

CGContextScaleCTM，缩放坐标

CGContextTranslateCTM，移动原点

移动变换

CGContextTranslateCTM (myContext, 100, 50)

wps_clip_image-23595

从对象角度沿着x轴正向移动100单位，沿着y轴正向移动50单位。

旋转变换

static inline double radians (double degrees) {return degrees * M_PI/180;}

CGContextRotateCTM (myContext, radians(–45.));

wps_clip_image-9368

从对象角度：

在Quartz坐标下正数为逆时针旋转，负数为顺时针旋转。

在UIKit坐标下正数为顺时针旋转，负数为逆时针旋转。

缩放变换

CGContextScaleCTM (myContext, .5, .75);

wps_clip_image-14003

从对象角度：所有x坐标缩小0.5，所有y坐标缩小0.75。

修改MyView.m文件

复制代码 
#import "MyView.h"

@implementation MyView

- (void)drawRect:(CGRect)rect {

    NSString *path = [[NSBundle mainBundle] pathForResource:@"cat" ofType:@"jpg"];
    UIImage *img = [UIImage imageWithContentsOfFile:path];
    CGImageRef image = img.CGImage;
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSaveGState(context);
    
    CGContextRotateCTM(context, M_PI);
    CGContextTranslateCTM(context, -img.size.width, -img.size.height);
    
    CGRect touchRect = CGRectMake(0, 0, img.size.width, img.size.height);
    CGContextDrawImage(context, touchRect, image);  
    CGContextRestoreGState(context);
}
@end
复制代码

 

仿射（affine）变换

仿射（affine）变换也是一种直角坐标变换，重

用变换，经过多次变换（多次的矩阵相乘），

每一种变换都可以用矩阵表示，通过多次矩阵

相乘得到最后结果。仿射变换函数：

    CGAffineMakeRotation，创建旋转矩阵仿射对象

    CGAffineMakeScale，创建缩放矩阵仿射对象

    CGAffineMakeTranslation，创建移动矩阵仿射对象

    CGAffineTransformRotate，旋转矩阵仿射对象

    CGAffineTransformScale，缩放矩阵仿射对象

    CGAffineTransformTranslate，移动矩阵仿射对象

    CGContextConcatCTM，连接到CTM变换

使用仿射变换MyView.m

复制代码 
#import "MyView.h"

@implementation MyView

- (void)drawRect:(CGRect)rect {

    NSString *path = [[NSBundle mainBundle] pathForResource:@"cat" ofType:@"jpg"];
    UIImage *img = [UIImage imageWithContentsOfFile:path];
    CGImageRef image = img.CGImage;
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSaveGState(context);
    
    CGAffineTransform myAffine = CGAffineTransformMakeRotation(M_PI); 
    myAffine = CGAffineTransformTranslate(myAffine, -img.size.width, -img.size.height); 
    CGContextConcatCTM(context, myAffine);
    
    CGContextRotateCTM(context, M_PI);
    CGContextTranslateCTM(context, -img.size.width, -img.size.height);
    
    CGRect touchRect = CGRectMake(0, 0, img.size.width, img.size.height);
    CGContextDrawImage(context, touchRect, image);  
    CGContextRestoreGState(context);
}
@end
复制代码

 

14.6 图像拾取器

图像拾取器（Image Picker）是可以帮助你从图片库中选取图片，也可以捕获照相机图片。

wps_clip_image-22106

wps_clip_image-8654

PhotoViewViewController.h

复制代码 
//START:code.PhotoViewController.h
@interface PhotoViewViewController : UIViewController
<UIImagePickerControllerDelegate> {
    UIImageView *imageView;
    UIImagePickerController *imagePicker;
}

@property(nonatomic, retain) IBOutlet UIImageView *imageView;
@property(nonatomic, retain) IBOutlet UIImagePickerController *imagePicker;

@end
//END:code.PhotoViewController.h
复制代码

 

需要实现UIImagePickerControllerDelegate协议。

需要定义UIImagePickerController控制器成员变量。

PhotoViewViewController.m

复制代码 
#import "PhotoViewViewController.h"

@implementation PhotoViewViewController

@synthesize imageView;
@synthesize imagePicker;

//START:code.PhotoViewController.touchesEnded:withEvent:
- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event {
    if([[touches anyObject] tapCount] > 1) {
        // bring up image grabber
        if([UIImagePickerController isSourceTypeAvailable:
            UIImagePickerControllerSourceTypeCamera]) {
            self.imagePicker.sourceType = UIImagePickerControllerSourceTypeCamera;
        } else {
            self.imagePicker.sourceType =
            UIImagePickerControllerSourceTypePhotoLibrary;
        }
        //self.imagePicker.allowsImageEditing = YES; //iOS 3之前
        self.imagePicker.allowsEditing = YES; 
        
        [self presentModalViewController:self.imagePicker animated:YES]; 
    }
}
//END:code.PhotoViewController.touchesEnded:withEvent:
复制代码

 

图像选取器的sourceType属性有：

UIImagePickerControllerSourceTypePhotoLibrary，图片来源于“相簿”

UIImagePickerControllerSourceTypeCamera，来源于相机

UIImagePickerControllerSourceTypeSavedPhotosAlbum，来源于“相机胶卷”。

PhotoViewViewController.m

复制代码 
//START:code.PhotoViewController.didFinish
- (void)imagePickerController:(UIImagePickerController *)picker
didFinishPickingMediaWithInfo:(NSDictionary *)info {
    imageView.image = [info objectForKey:UIImagePickerControllerEditedImage]; 
    [self dismissModalViewControllerAnimated:YES]; 
}
//END:code.PhotoViewController.didFinish

//START:code.PhotoViewController.didCancel
- (void)imagePickerControllerDidCancel:(UIImagePickerController *)picker {
    [self.imagePicker dismissModalViewControllerAnimated:YES];
}
//END:code.PhotoViewController.didCancel

- (void)dealloc {
    self.imageView = nil;
    self.imagePicker = nil;
    [super dealloc];
}
复制代码

 

imagePickerController:didFinishPickingMediaWithInfo:委托实现方法，当选择完成时候调用。

imageView.image = [info objectForKey:UIImagePickerControllerEditedImage];语句可以从图片拾取器中获得一个Image对象。

imagePickerControllerDidCancel:是委托实现方法当点击取消时候调用。

本文转自：http://blog.163.com/wkyuyang_001/blog/static/10802122820133190545227/

尹现伟
关注
专栏目录
iOS Quartz2D使用教程之【自定义控件】（案例：横屏电子签名）
iOS逆向与安全
01-23 1170
文章目录引言I、如何利用Quartz2D绘制东西到view上？II、 自定义UI控件的步骤III、drawRect3.1 drawRect:方法在什么时候被调用？3.2 drawRect:中取得的上下文（Layer Graphics Context）IV、quartz 2D 绘图的步骤4.1 获得图形上下文V、案例5.1横屏电子签名 引言 本文以横屏电子签名为案例进行讲解 I、如何利用Quartz2D绘制东西到view上？ 1)首先，得有图形上下文，因为它能保存绘图信息，并且决定着绘制到什么地方去 2)
IOS之Quartz
weixin_33743661的博客
10-14 175
14.1 Quartz概述 14.2 绘制基本几何图形 14.3 绘制图像和文本 14.4 坐标 14.5 变换 14.6 图像拾取器   14.1 Quartz概述 Quartz是Mac OS X的Darwin核心之上的绘图层，有时候也认为是CoreGraphics。共有两种部分组成Quartz： Quartz Compositor，合成视窗系统，管理和合成幕后视窗影像...
iOS-Quartz2D
我的专栏
03-01 372
什么是Quartz2D？ Quartz 2D是一个二维图形绘制引擎，支持iOS环境和Mac OS X环境。我们可以使用Quartz 2D API来实现许多功能，如基本路径的绘制、透明度、描影、绘制阴影、透明层、颜色管理、反锯齿、PDF文档生成和PDF元数据访问。在需要的时候，Quartz 2D还可以借助图形硬件的功能。 在Mac OS X中，Quartz 2D可以与其它图形图像技术混合使用，如C
IOS Quartz 各种绘制图形用法---实现画图片、写文字、画线、椭圆、矩形、棱形等
u014468600的专栏
05-26 697
// Only override drawRect: if you perform custom drawing.   // An empty implementation adversely affects performance during animation.   - (void)drawRect:(CGRect)rect   {       CGContextRef contex
ios基础篇（五）—— Quartz2D
努力进阶的小菜鸟
10-14 674
一、Quartz2D Quartz 2D是一个二维绘图引擎，同时支持iOS和Mac OS X系统（跨平台，纯 C 语言的）。包含在 Core Graphics 框架中。 Quartz 2D能完成的工作 绘制图形 : 线条\三角形\矩形\圆\弧等 绘制文字 微博图片上的水印 绘制\生成图片(图像) 读取\生成PDF 截图\裁剪图片 方型图片->圆型 四个角是透明的 自定义UI控件 注意: Quartz2D 是苹果官方的二维绘图引擎，同时支持 iOS 和 Mac OS X 系统。 Co
iOS图片绘制（自定义UIImageView）
08-27
继承UIControl，在UIControl上绘制带有图片，该图片有标题并带有点击效果
iOS Quartz笔记
沐风
12-03 983
Quartz 2D是一个二维绘图引擎，同时支持iOS和Mac OS X系统（跨平台，纯 C 语言的）。包含在 Core Graphics 框架中。 Quartz 2D能完成的工作 绘制图形 : 线条\三角形\矩形\圆\弧等 绘制文字 绘制\生成图片(图像) 读取\生成PDF 截图\裁剪图片 自定义UI控件 Quartz2D 是苹果官方的二维绘图引擎，同时支持 iOS 和 Mac OS
iOS — Quartz 2D基本使用（一）
chuotuihou4415的博客
08-24 116
一、自定义View 首先，得有图形上下文，因为它能保存绘图信息，并且决定着绘制到什么地方去； 其次，那个图形上下文必须跟view相关联，才能将内容绘制到view上面 新建一个类，继承自UIView 。 实现- (void)drawRect:(CGRect)rect方法，然后...
iOS-Quartz2D画图
极客学伟的技术分享社区
07-14 2982
常说温故而知新,时隔这么久再次看这些基础内容仍然很兴奋!把敲的代码分享出来,希望能对读者提供一丁点启发/** * 裁剪圆形图片 */ -(void)circleIcon{ UIImage *image = [UIImage imageNamed:@"baby"]; UIGraphicsBeginImageContext(image.size); UIBezierPath
ios基础篇（六）—— Quartz2D 饼状图、柱状图
努力进阶的小菜鸟
10-14 387
一、绘制“饼状图” 思路： 构建数据，NSArray *data = @[@30, @15, @5, @17, @3, @10, @20];。 根据数据个数绘制“扇形”（弧） 注意： 每个弧的起始、结束弧度都是不一样的 每次绘制完毕一个弧以后都要重新设置下一次的起始弧度为当前的结束弧度 本次绘制的结束弧度，为起始弧度+本次的弧度 如果画完圆弧之后直接fill填充 则先关闭路径，后直接填充 画扇形，需加一个连往圆心的线 填充时 先自动关闭路径，后填充 ...
探索iOS图形世界 —— 「Quartz绘图」演示项目全面解析
最新发布
gitblog_00019的博客
06-16 785
???? 探索iOS图形世界 —— 「Quartz绘图」演示项目全面解析 去发现同类优质开源项目:https://gitcode.com/ 一、项目简介 在二月的春风里，Minnesota CocoaHeads的会议室中诞生了一次视觉与技术的碰撞——「Quartz绘图」演示项目。这不仅仅是一段代码或一次讲座后的遗留产物，它是一座桥梁，连接着初学者与专业开发者的广阔天地，让每一位对iOS图形界面设计充满兴...
IOS绘制图片
浮生若梦 为欢几何
12-02 2955
1、两种绘制方式： 首先给出代码： // // MyView.h // 07-绘制图片 // #import @interface MyView : UIView - (instancetype)initWithImage:(UIImage *) image; @end // //  MyView.m //  07-绘制图片 // #import "MyVi
iOS 绘制图片水印，并将图片保存到相册中
same_life的博客
05-06 670
UIImage *image = [UIImage imageNamed:@"花"]; //开启图片类型的图形上下文 // opaque: 不透明度 YES:不透明 NO:透明 // size: 图片的的大小 // scale: 是否缩放，0 为不缩放 UIGraphicsBeginImageContextWithOptions(image.size, NO, 0); //把图片画上去 [image drawAtPoint:CGPointZero]; .
iOS开发之绘制图片
Super灬LV
12-21 457
#import "ViewController.h" #define WIDTH   [[UIScreen mainScreen].bounds.size.width] #define HEIGHT  [[UIScreen mainScreen].bounds.size.height] @interface ViewController () @property (nonatomic,st
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值