objective-c - 新手求教网易新闻中效果实现
PHPz
PHPz 2017-04-21 11:19:07
0
1
963

在网易新闻客户端中,具体一篇新闻里,用手势右滑,返回列表,左滑出现评论页,顶部的 navigation也能跟着一起动,这种效果怎么实现的,有具体实例更好,求教

PHPz
PHPz

学习是最好的投资!

membalas semua(1)
黄舟

Izinkan saya bercakap tentang cara melaksanakan perkara ini pada iOS.

Secara amnya, apl jenis ini menggunakan pengawal navigasi, menggunakan paparan jadual untuk memaparkan senarai tajuk berita dan mengklik padanya untuk memaparkan teks berita.

Soalan anda ialah cara melaksanakan leret ke kiri dan kanan, sebagai contoh, dalam paparan teks berita
Tambahkan

dalam viewDidLoad
//........towards right Gesture recogniser for swiping.....//
    UISwipeGestureRecognizer *rightRecognizer = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(rightSwipeHandle:)];
    rightRecognizer.direction = UISwipeGestureRecognizerDirectionRight;
    [rightRecognizer setNumberOfTouchesRequired:1];
    [self.view addGestureRecognizer:rightRecognizer];
    //[rightRecognizer release];

    //........towards left Gesture recogniser for swiping.....//
    UISwipeGestureRecognizer *leftRecognizer = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(leftSwipeHandle:)];
    leftRecognizer.direction = UISwipeGestureRecognizerDirectionLeft;
    [leftRecognizer setNumberOfTouchesRequired:1];
    [self.view addGestureRecognizer:leftRecognizer];
    //[leftRecognizer release];
    [self.navigationController setNavigationBarHidden:YES animated:YES];

Kemudian hanya tentukan pelaksanaan gelongsor kiri dan kanan (dilaksanakan dengan segue dalam iOS)

    - (void)rightSwipeHandle:(UISwipeGestureRecognizer*)gestureRecognizer
{
    [self.navigationController popViewControllerAnimated:YES];
}

- (void)leftSwipeHandle:(UISwipeGestureRecognizer*)gestureRecognizer
{
    [self performSegueWithIdentifier:@"forward" sender:self];
}

Ini ialah lakaran kecil papan cerita, di mana anda boleh melihat dengan jelas logik keseluruhan apl.

Saya menulis prototaip dengan cara Kod sumber di sini. Sila lihat kod sumber dengan teliti.

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan