(PRAC-4)Designing the mobile app to implement Gestures.

#main.dart

import 'package:flutter/material.dart';

import 'Practical 4.dart';



void main() {

  runApp(

    MaterialApp(

      title: 'NAME',

      home: GestureDemo(), //Calling your GestureDemo class

),

  );

}

#Practical 4.dart

import 'dart:math';

import 'package:flutter/material.dart';



//Step 1

class GestureDemo extends StatefulWidget {

  const GestureDemo({super.key});



  @override

  State<GestureDemo> createState() {

    return _GestureDemo();

  }

}

//Step 2

class _GestureDemo extends State<GestureDemo> {

  var numtime = 0; // created variable for getting number of times tapped

  Color changebgcolor = Colors.red; //created variable of datatype color

  final randomizer = Random();

  var generaterandom = 1;



//Created function for incrementing count of times container was clicked

  void noofTimes() {

    setState(() {

      numtime += 1;

    });

  }  

//Created function for changing color of heart icon

  void changebg() {

    setState(() {

      if (changebgcolor == Colors.red) {

        changebgcolor = const Color.fromARGB(255, 209, 115, 226);

      } else {

        changebgcolor = Colors.red;

      }

    });

  }



//Created function for generating random no.

  void randomNo(){

    setState(() {

      generaterandom= randomizer.nextInt(10)+1;

    });    

  }



  @override

  Widget build(context) {

    return Scaffold(

      body: Center(

        child: Column(

          mainAxisAlignment: MainAxisAlignment.center,

          children: [

            //onTap Gesture example

            Text(

              'Tapped $numtime times',

              style: TextStyle(fontSize: 25),

            ),

            SizedBox(height: 15),

            GestureDetector(

              onTap: () {

                noofTimes();

              },

              child: Container(

                color: Colors.amber,

                padding: const EdgeInsets.all(20),

                child: const Text(

                  'Single Tap here',

                  style: TextStyle(fontSize: 20),

                ),

              ),

            ),

            const SizedBox(

              height: 40,

            ),



            //onDoubleTap Gesture

            Icon(Icons.favorite, size: 60, color: changebgcolor), // To Add an Icon

            const SizedBox(height: 10),

            GestureDetector(

              onDoubleTap: () {

                changebg();

              },

              child: Container(

                color: Colors.black,

                padding: EdgeInsets.all(20),

                child: const Text(

                  'Double Tap here',

                  style: TextStyle(fontSize: 20, color: Colors.white),

                ),

              ),

            ),

            const SizedBox(

              height: 50,

            ),



            //onLongTap Gesture

            Text('Random no. generated between 1 to 10:\n $generaterandom', style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),),

             const SizedBox(

              height: 10,

            ),

            GestureDetector(

              onLongPress: () {

                randomNo();

              },

              child: Container(

                color: Colors.lime,

                padding: EdgeInsets.all(20),

                child: const Text(

                  'Long Press here',

                  style: TextStyle(fontSize: 20),

                ),

              ),

            ),

          ],

        ),

      ),

    );

  }

}

Comments

Post a Comment

Popular posts from this blog

python(BI)

PRACTICAL NO.1 AIM: Perform the data classification using classification algorithm.  1A. Perform the data classification using Naïve Baye’s Algorithm. from sklearn.datasets import load_iris iris = load_iris() X = iris.data y = iris.target from sklearn.model_selection import train_test_split X_train,X_test,y_train,y_test=train_test_split(X,y,test_size=0.4,random_state=1) from sklearn.naive_bayes import GaussianNB gnb=GaussianNB() gnb.fit(X_train,y_train) y_pred=gnb.predict(X_test) from sklearn import metrics print("Gaussian Naive Bayes model accuracy(in%):",metrics.accuracy_score(y_test,y_pred)*100) EXAMPLE-span.csv import numpy as np import pandas as pd from sklearn.feature_extraction.text import CountVectorizer from sklearn.naive_bayes import MultinomialNB df=pd.read_csv('/content/spam1.csv',encoding='latin-1') df=df[['Message','Category']] df.columns=['SMS','Type'] countvec=CountVectorizer(ngram_range=(1,4),stop_words='eng...
Read more

Prac_8(AMP)

PRACTICAL 8  Activity.xml <? xml version ="1.0" encoding ="utf-8" ?> <androidx.constraintlayout.widget.ConstraintLayout xmlns: android ="http://schemas.android.com/apk/res/android"     xmlns: app ="http://schemas.android.com/apk/res-auto"     xmlns: tools ="http://schemas.android.com/tools"     android :layout_width ="match_parent"     android :layout_height ="match_parent"     tools :context =".MainActivity" >    <Button         android :id ="@+id/btnstart"         android :layout_width ="wrap_content"         android :layout_height ="wrap_content"         android :text ="Start"         app :layout_constraintBottom_toBottomOf ="parent"         app :layout_constraintEnd_to...
Read more

LSA10

i) Program that demonstrates the use of if..else with test Create a vi editor to write the script: vi Prog1.sh Code: echo Enter any number read n if test $n -gt 0 then              echo $n is positive else              echo $n is negative fi steps forward chmod +X Prog1.sh bash Prog1.sh ii) Program to check existing file Create a vi editor to write the script: code: echo Enter the file name: read fname if [ -f $fname ] then           echo the File Exists. else             echo the File with name $fname does not exists fi iii) Program for string comparison Create a vi editor to write the script: code: echo Enter two Strings read str1 read str2 if [ $str1 = $str2 ] then             echo The strings are identical else             echo The Strings are not id...
Read more