ابر سیاه
6 سال پیش توسط ابر سیاه مطرح شد
6 پاسخ

شخصی سازی appbar مهم و ضروری

سلام دوستان
چه طور دقیقا یه همچین چیزی بسازم که در هر مرحله با انیمیشن جا به جا بشه و دکمه های هر مرحله به این شکل باشه ؟

عکس appbar

لطفا دقیق راهنمایی بفرمایید

خیلی برام مهم و با ارزش هست

لطفا کمک کنید


ثبت پرسش جدید
Alimotreb
تخصص : کانفیگ سرور و برنامه نویس
@Alimotreb 6 سال پیش مطرح شد
1

سلام
@abresiahjj

دقیقا که خب اینا تب بندی هست که شخصی سازی شده
و با پلاگین های جی کوئری رو کد های css زیبا سازی و حالت انیمیشن و اینا گرفته!
به CSS و جاوا اسکریپت مسلط باشید میتونید طراحی کنید


ابر سیاه
@abresiahjj 6 سال پیش مطرح شد
1

@Alimotreb
تشکر دوست عزیز ولی این flutter هست و باید با dart ساخته شده نه css و...


Alimotreb
تخصص : کانفیگ سرور و برنامه نویس
@Alimotreb 6 سال پیش مطرح شد
1

سلام
@abresiahjj

بله من دسته بندی سوال رو نخوندم
فکر کردم وب رو میگید! عذر خواهی میکنم


ابر سیاه
@abresiahjj 6 سال پیش مطرح شد
1

@Alimotreb
خواهش می کنم

ببخشید که پاسخ شما رو دادم


goldenvim
@goldenvim 6 سال پیش مطرح شد
1

سلام cegmentController بهش میگن خیلی ساده هستش


محمد امیر محمدی
تخصص : برنامه نویس لاراول و ویو جی اس
@mem.amir.m 6 سال پیش مطرح شد
0
class Example extends StatefulWidget {
  @override
  _ExampleState createState() => new _ExampleState();
}

class _ExampleState extends State<Example> with SingleTickerProviderStateMixin {
  // TabController to control and switch tabs
  TabController _tabController;

  // Current Index of tab
  int _currentIndex = 0;

  @override
  void initState() {
    super.initState();
    _tabController =
        new TabController(vsync: this, length: 2, initialIndex: _currentIndex);
  }

  @override
  void dispose() {
    _tabController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text("Example"),
      ),
      body: new Column(
        children: <Widget>[
          new Padding(
            padding: const EdgeInsets.symmetric(vertical: 20.0),
            child: new Container(
              decoration:
                  new BoxDecoration(border: new Border.all(color: Colors.blue)),
              child: new Row(
                mainAxisAlignment: MainAxisAlignment.center,
                mainAxisSize: MainAxisSize.min,
                children: <Widget>[
                  // Tab1 Button
                  new FlatButton(
                    color: _currentIndex == 0 ? Colors.blue : Colors.white,
                    onPressed: () {
                      _tabController.animateTo(0);
                      setState(() {
                        _currentIndex = 0;
                      });
                    },
                    child: new Text("Tab1"),
                  ),
                  // Tab2 Button
                  new FlatButton(
                    color: _currentIndex == 1 ? Colors.blue : Colors.white,
                    onPressed: () {
                      _tabController.animateTo(1);
                      setState(() {
                        _currentIndex = 1;
                      });
                    },
                    child: new Text("Tab2"),
                  )
                ],
              ),
            ),
          ),
          new Expanded(
            child: new TabBarView(
                controller: _tabController,
                // Restrict scroll by user
                physics: const NeverScrollableScrollPhysics(),
                children: [
                  // Tab1 View
                  new Center(
                    child: new Text("Tab1"),
                  ),
                  // Tab2 View
                  new Center(
                    child: new Text("Tab2"),
                  )
                ]),
          )
        ],
      ),
    );
  }
}

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام