一個小小的筆順程序，按鈕太多，暫時實現了兩個

原創 yuanyinhua 2018-09-03 02:52

AppDelegate.m 代碼

#import "AppDelegate.h"
#import "PigViewController.h"

@interface AppDelegate ()
            

@end

@implementation AppDelegate
            

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
    // Override point for customization after application launch.
    self.window.backgroundColor = [UIColor whiteColor];
    [self.window makeKeyAndVisible];
    
    PigViewController *viewCotroller = [[PigViewController alloc]init];
    viewCotroller.view.backgroundColor = [UIColor clearColor];
    
    //類是用來創建對象
    UINavigationController *navController = [[UINavigationController alloc] initWithRootViewController:viewCotroller];//創建對象、初始化，添加根視圖器
    self.window.rootViewController = navController;
    navController.navigationBarHidden = YES;
    
    return YES;
}

  ViewController.h 頭文件

#import <UIKit/UIKit.h>

@interface ViewController : UIViewController
@property UITapGestureRecognizer *tap;
@property NSString *name;
@property NSString *firstNb;
@property NSString *audioName;
@property int numble;
- (void)createBgView;
//-(void)Swipe:(id)sender;
@end

第三個頁面的界面代碼

#import "ViewController.h"
#import "SecondViewController.h"
#import <AudioToolbox/AudioToolbox.h>

@interface ViewController ()
{
    UIImageView *aniImageView;
    SystemSoundID soundID;
    UIButton *strokeBtn;
    UIButton *backBtn;
    UIButton *voiceBtn;
    UIButton *practiceBtn;
    UIImageView *lxImageView;
}

@end

@implementation ViewController

- (instancetype)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) {
        // Custom initialization
    }
    return self;
}
- (void)createBgView
{
    UIImageView *bgImageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 44, 320, 418)];
    bgImageView.image = [UIImage imageNamed:@"kanaDetailBgImg"];
    [self.view addSubview:bgImageView];
    
    UIImageView *titleImageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 320, 49)];
    titleImageView.image = [UIImage imageNamed:@"titleView"];
    [self.view addSubview:titleImageView];
    
    UIImageView *footerImageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, self.view.frame.size.height - 49, 320, 49)];
    footerImageView.image = [UIImage imageNamed:@"bottomBg"];
    [self.view addSubview:footerImageView];
}

- (void)createButtons
{
    //1. 返回按鈕
    backBtn = [UIButton buttonWithType:UIButtonTypeCustom];
    //設置按鈕的圖片
    [backBtn setImage:[UIImage imageNamed:@"backBtn"] forState:UIControlStateNormal];
    backBtn.frame = CGRectMake(10, 6, 70, 35);
    [backBtn addTarget:self action:@selector(didBackClicked:) forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:backBtn];
    
    //2. 清除按鈕
    UIButton *clearBtn = [UIButton buttonWithType:UIButtonTypeCustom];
    //設置按鈕的圖片
    [clearBtn setImage:[UIImage imageNamed:@"clearBtn"] forState:UIControlStateNormal];
    clearBtn.frame = CGRectMake(240, 6, 70, 35);
    [clearBtn addTarget:self action:@selector(didClearClicked:) forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:clearBtn];
    
    //3. 下面的按鈕
    voiceBtn = [UIButton buttonWithType:UIButtonTypeCustom];
    voiceBtn.frame = CGRectMake(10, self.view.frame.size.height - 52, 67, 52);
    [voiceBtn setImage:[UIImage imageNamed:@"pronounceBtn_01"] forState:UIControlStateNormal];
    //按鈕按下去是高亮狀態
    [voiceBtn setImage:[UIImage imageNamed:@"pronounceBtn_02"] forState:UIControlStateHighlighted];
    [voiceBtn addTarget:self action:@selector(didPlayClicked:) forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:voiceBtn];
    
    //4.筆迅
    strokeBtn = [UIButton buttonWithType:UIButtonTypeCustom];
    strokeBtn.frame = CGRectMake(130, self.view.frame.size.height - 52, 67, 52);
    [strokeBtn setImage:[UIImage imageNamed:@"strokeOrderBtn_01"] forState:UIControlStateNormal];
    //按鈕按下去是高亮狀態
    [strokeBtn setImage:[UIImage imageNamed:@"strokeOrderBtn_02"] forState:UIControlStateHighlighted];
    [strokeBtn addTarget:self action:@selector(didStrokeBtnClicked:) forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:strokeBtn];
    //5.練習
    practiceBtn = [UIButton buttonWithType:UIButtonTypeCustom];
    practiceBtn.frame = CGRectMake(240, self.view.frame.size.height - 52, 67, 52);
    [practiceBtn setImage:[UIImage imageNamed:@"practiceBtn_01"] forState:UIControlStateNormal];
    //按鈕按下去是高亮狀態
    [practiceBtn setImage:[UIImage imageNamed:@"practiceBtn_02"] forState:UIControlStateHighlighted];
    [practiceBtn addTarget:self action:@selector(didPracticeBtnClicked:) forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:practiceBtn];
    
    
    
    
    
}
//動畫圖片的加載
- (void)createAnimation:(int)n name:(NSString *)nam
{
    aniImageView = [[UIImageView alloc] initWithFrame:CGRectMake(50, 90, 225, 225)];
    NSMutableArray *array = [[NSMutableArray alloc] init];
    for (int i = 1; i <= n; i++) {
        NSString *name = [NSString stringWithFormat:nam, i];
        UIImage *image = [UIImage imageNamed:name];
        [array addObject:image];
        if(i == n) {
            lxImageView.image = [UIImage imageNamed:name];//動畫完後顯示寫完的圖片
        }
    }
    aniImageView.animationImages = array;
    [self.view addSubview:aniImageView];
}

- (void)didBackClicked:(UIButton *)sender
{
    NSLog(@"%s", __PRETTY_FUNCTION__);
    //強制清除界面
    [lxImageView removeFromSuperview];
    [aniImageView removeFromSuperview];
    lxImageView = nil;
    aniImageView = nil;
    [self.navigationController popViewControllerAnimated:YES];
}

- (void)didPlayClicked:(UIButton *)sender
{
    if (lxImageView != nil) {
        AudioServicesPlaySystemSound(soundID);
        NSLog(@"%s", __PRETTY_FUNCTION__);
    }
}
- (void)didClearClicked:(UIButton *)sender
{
    [aniImageView stopAnimating];
    [lxImageView removeFromSuperview];
    lxImageView = nil;
    aniImageView = nil;
    NSLog(@"%s", __PRETTY_FUNCTION__);
}
- (void)didStrokeBtnClicked:(UIButton *)sender
{
    NSLog(@"%s", __PRETTY_FUNCTION__);
    //先有沒寫的字顯示出來才能筆順
    if ((aniImageView != nil)|(lxImageView != nil)){
        if (aniImageView.isAnimating == NO) {
        [self createAnimation:self.numble name:self.name];
        aniImageView.animationDuration = 3;
        aniImageView.animationRepeatCount = 1;
        [aniImageView startAnimating];
        }
    }
}
- (void)didPracticeBtnClicked:(UIButton *)sender
{
    //lxImageView爲空時添加未寫的圖片
    if (lxImageView == nil) {
        lxImageView = [[UIImageView alloc] initWithFrame:CGRectMake(50, 90, 225, 225)];
        lxImageView.image = [UIImage imageNamed:self.firstNb];
        [self.view addSubview:lxImageView];
        NSLog(@"%s", __PRETTY_FUNCTION__);
    }
    
}

- (void)viewDidLoad
{
    [super viewDidLoad];
    [self createBgView];
    [self createButtons];

    
    NSURL *url = [[NSBundle mainBundle] URLForResource:self.audioName withExtension:@"mp3"];
    AudioServicesCreateSystemSoundID((__bridge CFURLRef)(url), &soundID);
    
    UISwipeGestureRecognizer *swipe = [[UISwipeGestureRecognizer  alloc] init];
    swipe.direction = UISwipeGestureRecognizerDirectionRight;
    [swipe addTarget:self action:@selector(Swipe:)];
    [self.view addGestureRecognizer:swipe];
    
}

-(void)Swipe:(id)sender
{
    SecondViewController *viewcontroller = [[SecondViewController alloc] init];
    viewcontroller.view.backgroundColor = [UIColor blackColor];
    [self.navigationController pushViewController:viewcontroller animated:YES];
    
    
}



- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
}

@end

第三個頁面SecondViewController.m,顯示由ViewController.傳過來的圖片數據、播放音頻文件

#import "SecondViewController.h"
#import "ViewController.h"

@interface SecondViewController ()
{
ViewController *viewCtrl;
}
@end

@implementation SecondViewController

- (instancetype)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) {
        // Custom initialization
    }
    return self;
}

- (void)createBgView
{
    //背景圖片的顯示
    UIImageView *bgImageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 320, 49)];
    bgImageView.image = [UIImage imageNamed:@"titleView"];
    [self.view addSubview:bgImageView];
    
    UIImageView *titleImageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 49, 320, self.view.frame.size.height -49)];
    titleImageView.image = [UIImage imageNamed:@"bg_01"];
    [self.view addSubview:titleImageView];
    
    UIImageView *footerImageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 49, 320, self.view.frame.size.height -49)];
    footerImageView.image = [UIImage imageNamed:@"bg_01_01"];
    [self.view addSubview:footerImageView];
}
//封裝按鈕
- (void)createBtn:(SEL)action frame:(CGRect)frame
{
    UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];
    btn.frame = frame;
    [btn addTarget:self action:action forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:btn];
    
}

//圖片、聲音數據的封裝
- (void)data:(int)numble name:(NSString *)nm1 aodioName:(NSString *)nm2 firstNb:(NSString *)nm3
{
    viewCtrl.numble = numble;//圖片張數
    viewCtrl.name = nm1;//動畫名字
    viewCtrl.audioName = nm2;//聲音名字
    viewCtrl.firstNb = nm3;//第一張圖片的名字
    [self.navigationController pushViewController:viewCtrl animated:YES];
}

- (void)didBtn1
{
    NSLog(@"%s", __PRETTY_FUNCTION__);
    [self data:17 name:@"nu%04d" aodioName:@"042_nu" firstNb:@"nu0001"];
}

- (void)didBtn2
{
    NSLog(@"%s", __PRETTY_FUNCTION__);
    [self data:15 name:@"na%04d" aodioName:@"040_na" firstNb:@"na0001"];
}

- (void)viewDidLoad
{
    [super viewDidLoad];
    [self createBgView];
    //翻頁手勢，回到首頁
    UISwipeGestureRecognizer *swipe = [[UISwipeGestureRecognizer alloc] init];
    swipe.direction = UISwipeGestureRecognizerDirectionRight;
    [swipe addTarget:self action:@selector(Swipe:)];
    [self.view addGestureRecognizer:swipe];
    
    viewCtrl = [[ViewController alloc] init];
    
    [self createBtn:@selector(didBtn1) frame:CGRectMake(151,230, 50, 30)];//創建按鈕
    [self createBtn:@selector(didBtn2) frame:CGRectMake(49,227, 50, 30)];
}

- (void)Swipe:(id)sender
{
    [self dismissViewControllerAnimated:YES completion:nil];
    [self.navigationController popViewControllerAnimated:YES];
    self.navigationController.hidesBarsOnTap = YES;

}


- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

@end
第一個頁面的頭文件PigViewController.h

#import <UIKit/UIKit.h>

@interface PigViewController : UIViewController
@property UITapGestureRecognizer *tap;
@end
第一個頁面顯示了一張背景圖片，點擊可以跳到第二個頁面，選擇筆畫

#import "PigViewController.h"
#import "SecondViewController.h"

@interface PigViewController ()

@end

@implementation PigViewController

- (instancetype)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) {
    }
    return self;
}

- (void)viewDidLoad
{
    [super viewDidLoad];
    UIImageView *bgImageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 320, 480)];
    bgImageView.image = [UIImage imageNamed:@"main_Bg"];
    [self.view addSubview:bgImageView];
    //創建了一個手勢
    _tap = [[UITapGestureRecognizer alloc] init];
    [_tap addTarget:self action:@selector(Tap:)];
    [self.view addGestureRecognizer:_tap];
}

- (void)Tap:(id)sender
{
  //一個手勢，點擊可以跳到下一個頁面 
 // self.navigationController.hidesBarsOnTap = YES;
    SecondViewController *secondCtrl = [[SecondViewController alloc] init];
    UINavigationController *navCtrl = [[UINavigationController alloc] initWithRootViewController:secondCtrl];
    self.navigationController.toolbarHidden = YES;
    navCtrl.navigationBarHidden = YES;
    //彈出一個模態視圖
    [self presentViewController:navCtrl animated:NO completion:nil];
}

- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
}

@end
 
1.點擊畫面跳到第二個頁面


2.實現的兩個字  nu、na 點擊可跳到筆順界面

3.返回按鈕可回到上一個界面，筆順寫字，練習顯示未寫字體




發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

ios fixed屬性bug解決方法

ios fixed屬性bug解決方法參考文章： （1）ios fixed屬性bug解決方法 （2）http://www.cnblogs.com/cmrcj/p/5685167.html 備忘一下。

zhengxiuchen86 2020-07-06 12:05:10

【筆記】 《js權威指南》- 第6章 對象 - 6.7 屬性的特性 （ECMAScript5）

1.屬性的4特性：通過Object.getOwnPropertyDescriptor訪問該屬性的特性描述 (1).普通數據屬性：  //返回{value: 1, writable: true, enumerable: true, con

zazisb 2020-07-05 01:50:44

【C#高效編程50例】條目1：使用屬性而不是可訪問的數據成員

書名：《C#高效編程 改進C#代碼的50個行之有效的方法》 條目1 使用屬性而不是可訪問的數據成員 1 屬性格式 private string _scustomerName = string.Empty;

PhilipGuo 2020-06-28 14:19:51

程序使用代碼控制UI屬性

<pre name="code" class="java"> package com.example.tryto; import android.app.Activity; import android.os.Bundle; impor

skycoop 2020-06-27 21:18:45

DEV GridControl一些屬性配置--40開始爲原創

1、 如何解決單擊記錄整行選中的問題 View->OptionsBehavior->EditorShowMode 設置爲：Click   2、 如何新增一條記錄 (1)、gridView.AddNewRow() (2)、實現

容妞 2020-06-27 19:14:43

第二章 Linux的檔案屬性和目錄配置

2.1 Linux文件權限 l 第一個字元代表這個檔案是【目錄、檔案或連接檔等等】 Ø 當爲[d]則是目錄 Ø 當爲[-]則是普通文件 Ø 若是[l]則表示爲連接檔 Ø 若是[b]則表示爲裝置文件裏面的可供儲存的接口設備

Elvis_dataguru 2020-06-27 04:38:26

Magento後臺Grid出現Invalid attribute error

有時，在將產品（例如後臺評論列表）與其他表連接之後，在過濾或排序過程中，管理面板網格中可能會遇到錯誤 “Invalid attribute error”。 假設如下： 其中$collection是商品的集合 protected f

Peter Wang 2020-06-27 02:01:04

iPhoneUIText Field組件的文本字段屬性

文本字段Text Field是iPhone上最複雜和最常用的空間之一。在檢查器中最頂部的區域。如下介紹各個屬性。 Text：可以將其設置爲默認值，鍵入的任何內容都將在應用程序啓動時在該字段中顯示。 Placeholder：用於指定將在

安安 2020-06-26 03:29:37

js event 屬性

轉載自：http://blog.163.com/duanpeng3@126/blog/static/88543735201053115035512/ [略有修改] event代表事件的狀態，例如觸發event對象的元素、鼠標的位

lly0_0 2020-06-25 09:10:27

IOS中UITableView使用總結

  IOS中UITableView使用總結 一、初始化方法 - (instancetype)initWithFrame:(CGRect)fra

QueenlySun 2020-06-25 00:28:03

常用的屬性操作（返回、設置）

這只是部分常用的屬性操作，日後會陸續更新： 1.html()   2.attr()  3.val() 實例： 1.html() ：設置所有 p 元素的內容： $(".btn1").click(function(){ $("p").ht

江小白不喝酒 2020-06-23 07:54:02

android源碼解析(2)--如何讀取自定義屬性

         自定義view當中肯定會用到自定義屬性，那麼如何讀取使用自定義屬性呢？先推薦大神的文章 http://blog.csdn.net/lmj623565791/article/details/24252901  但是呢，他這

zhq217217 2020-06-23 04:46:40

PB控件屬性之ListView

ListView 【其他】 ■控件顯示樣式ListView控件可以用下面的四種形式顯示信息。大圖標方式：每個項目都顯示爲大圖標，圖標下面的標籤顯示一定的文字信息。用戶可以在該控件內拖動圖標。小圖標方式：項目顯示爲小圖標，並且每個項目的右邊

冷-寂 2020-06-22 01:34:55

Objective-C中的屬性

1，assign : 簡單賦值，不更改索引計數 假設你用malloc分配了一塊內存，並且把它的地址賦值給了指針a，後來你希望指針b也共享這塊內存，於是你又把a賦值給（assign）了b。此時a 和b指向同一塊內存，請問當a不再需要這

JUST_ONE_MORE 2020-06-21 20:37:26

optional(對象與實例)

類方法中不能調用實例方法,實例方法通過對象調用 class ViewController: UIViewController {                                  override func viewD

yuanyinhua 2020-06-21 19:33:35