App Bar Mobile Programming

App Bar Mobile Programming

Assalamualaikum warahmatullahi wabarakaaatuuh.. pada blog kali ini saya akan menjelaskan tentang kodingan mengenai App Bar Mobile Programming, dimana ini masih menggunakan Aplikasi Flutter.
Berikut penjelasannya.

class Tampilan extends StatelessWidget {// nama kelasnya adalah Tampilan//
Widget build(BuildContext context) {// memiliki tipe data Widget//
return MaterialApp(// Merupakan nilai balikan dari MaterialApp//
home: Scaffold( // dalam home terdapat Scaffold//
appBar: AppBar( // didalam appbar terdapat juga AppBar//
title: Text('Sample Code'), //dalam title terdapat Teks//
),
body: Center(child: Text('Hallo')),// dalam body terdapat anak dengan teks bertuliskan Hallo//
backgroundColor: // kemudian dalam kelas ini terdapat backgroundColor// Colors.blueGrey.shade200,// warna dari tampilan adalah blueGrey atau warna abu-abu dan biru//
));
}
}
void main() {// fungsi yang akan memanggil data dari program//
runApp(Tampilan()); // Menjalankan kelas Tampilan//
} // Di akhiri dengan tutup Kurawal//

import 'package:flutter/material.dart'; // Membaca data dalam Flutter//

class MyAppBar extends StatelessWidget { // merupakan kelas dengan nama MyAppBar dengan tipe data Widget//
  const MyAppBar({required this.title, Key? key}) : super(key: key); // terdapat sebuah kunci//

  // Fields in a Widget subclass are always marked "final".

  final Widget title; // dalam widget terdapat title//

  @override
  Widget build(BuildContext context) { // dalam tipe data ini terdapat BuildContext//
    return Container(//Nilai balikan dari Container//
      height: 56.0, // in logical pixels
      padding: const EdgeInsets.symmetric(horizontal: 8.0),
      decoration: BoxDecoration(color: Colors.blue[500]), //berwarna biru tampilannya//
      // Row is a horizontal, linear layout.
      child: Row(
        // <Widget> is the type of items in the list.
        children: [ //anak dari widget//
          const IconButton(//memiliki button//
            icon: Icon(Icons.menu),//terdapat ikon menu//
            tooltip: 'Navigation menu',//terdapat menu Navigasi//
            onPressed: null, // null disables the button
          ),
          // Expanded expands its child
          // to fill the available space.
          Expanded(
            child: title,//terdapat anak dan judul dari kelas//
          ),
          const IconButton(
            icon: Icon(Icons.search),//ikon pencarian//
            tooltip: 'Search',
            onPressed: null,
          ),
        ],
      ),
    );
  }
}

class MyScaffold extends StatelessWidget {//Kelas baru dengan nama MyScaffold tipe data Widget//
  const MyScaffold({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    // Material is a conceptual piece
    // of paper on which the UI appears.
    return Material(
      // Column is a vertical, linear layout.
      child: Column( // dalam anak widget terdapat sebuah kolom//
        children: [//anak widget//
          MyAppBar(
            title: Text(//dalam title atau judul terdapat Teks//
              'Example title',
              style: Theme.of(context) //
                  .primaryTextTheme
                  .headline6,
            ),
          ),
          const Expanded(
            child: Center(
              child: Text('Assalamualaikum...:))'), //tampilan teks yang akan muncul pada kelas tampilan dilayar monitor//
            ),
          ),
        ],
      ),
    );
  }
}

void main() { // fungsi yang akan membaca data//
  runApp( //menjalankan program//
    const MaterialApp(
      title: 'My app', // used by the OS task switcher
      home: SafeArea(// dalam home terdapat SafeArea//
        child: MyScaffold(),//dalam child terdapat MyScaffold//
      ),
    ),
  );
}//Diakhiri dengan tanda tutup Kurawal sebagai tanda kodingan berakhir//


Jadi itulah sedikit penjelasan dari kodingan di atas, lebih dan kurang saya mohon maaf, semoga bermanfaat.
Assalamualaikum warahmatullahi wabarakaaatuuh

Komentar

Posting Komentar

Postingan populer dari blog ini

Chat Network Programming

Chat Multi Client Assalamualaikum warahmatullahi wabarakaaatuuh..  Pada blog kali ini saya akan membahas tentang Chat Network Programming, pada blog sebelumnya juga membahas tentang ini namun untuk Chat Network Programming kali ini, menuju pada Chat Multi Client. Dibawah ini saya akan menjelaskan mengenai Chat Multi Client beserta kodingan yg saya dapatkan dari dosen.  Salah satu model umum yang diterapkan untuk pemrograman jaringan adalah model client atau server. Sehingga secara umum jika ingin mengembangkan suatu aplikasi jaringan, maka aplikasi tersebut dikenal juga dengan aplikasi client atau server. Sebagai contoh salah satu aplikasi yang menggunakan model client atau server adalah chatting. Aplikasi chatting ini menggunakan prinsip dimana client atau user melakukan permintaan untuk terkoneksi dengan server dan memanfaatkan fasilitas-fasilitas yang disediakan oleh server. Setelah melalui pengujian dan analisa, dapat diketahui bahwa sistem tersebut secara keseluruhan tela...
Baca selengkapnya

CHAT NETWORK PROGRAMMING

Assalamualaikum warahmatullahi wabarakaaatuuh. Pada blog kali ini saya akan menjelaskan tentang Chat Network Programming dan kodingannya. Network programming merupakan proses untuk membuat aplikasi yang mampu untuk berkomunikasi berbasis client server. Java Socket programming sendiri digunakan untuk komunikasi antar banyak aplikasi yang berjalan pada JRE yang berbeda. Disini ada 2 hal yang harus diperhatikan yakni Alamat IP dari server dan Nomor Port. Dibawah ini adalah kodingan dari ChatServer. 1. ChatServer.java import java.io.*; // pada baris pertama ini fungsinya merupakan untuk membaca library input output// import java.net.*; // pada barisan ini terdapat kelas-kelas yang didalamnya akan menghubungkan program yg dibuat berkomunikasi lewat jaringan // public class ChatServer{ // ini adalah nama kelasnya yaitu ChatServer // private static ServerSocket servSock; // ini adalah fungsi dalam kelas ChatServer// private static final int PORT = 1234 ; // ini adalah nomor port server yaitu ...
Baca selengkapnya

Kalkulator Sederhana

Assalamualaikum warahmatullahi wabarakatuh.                        Pada blog saya kali ini, saya akan menjelaskan kodingan tentang aplikasi Kalkulator.  /*  * To change this license header, choose License Headers in Project Properties.  * To change this template file, choose Tools | Templates  * and open the template in the editor.  */ package latihan1; /**  *  * @author oryza  */ public class Game extends // Nama kelasnya adalah kelas game// javax.swing.JFrame { Merupakan Bingkai//     /**      * Creates new form Game// Membuat game//      */     public Game() {         this.setUndecorated(true);         this.setLocationRelativeTo(null);         initComponents();     }     /**      * This method is called from within the constructor to initializ...
Baca selengkapnya