Калькулятор на android studio: Java и Android | Приложение Калькулятор

xml

Файл стиля используется для определения формат или внешний вид пользовательского интерфейса. Стиль можно применить к отдельному View (из файла макета) или ко всему Activity или приложению (из файла манифеста).

Файл styles.xml можно найти в

app →res →values ​​→styles.xml

 <  ресурсы  > 
   
  <  style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"  > 
   
  <  item name="colorPrimary"  >@color/colorPrimary item  > 
 <  item name="colorPrimaryDark"  >@color/colorPrimaryDark item  > 
 <  item name="colorAccent"  >@color/colorAccent item  > 
  стиль  > 
 
    
 <  style name="ActionButtonStyle"  > 
 <  item name="android:layout_width"  >0dp item  > 
 <  item name="android:layout_height"  >match_parent /  пункт  > 
 <  item name="android:layout_weight"  >1 item  > 
 <  item name="android:background"  >@color/actionButton item  > 
 <  item name = "android: textSize"  >21sp item  > 
 <  item name="android:textColor"  >@android:color/white item  > 
 <  item name="android:gravity"  >center  элемент  > 
 <  элемент имя="android:layout_margin"  >0. 5dp item  > 
 
  стиль  > 
 
    
 <  style name="NumberButtonStyle"  > 
 <  item name="android:layout_width"  >0dp item  > 
 <  item name="android:layout_height"  >match_parent< /  элемент  > 
 <  элемент name="android:layout_weight"  >1 item  > 
 <  item name="android:background"  >@color/numberActionButton item  > 
 <  item name = "android:textSize"  >21sp item  > 
3 < 8 item name="android:textColor"  >@android:color/white item  > 
 <  item name="android:gravity"  >center item  > 
 <  item name="android :layout_margin"  >0.5dp пункт  > 
  стиль  >    
 <  style name="EqualButtonStyle"  > 
 <  item name="android:layout_width"  >0dp item  > 
 <  item name="android:layout_height"  >match_parent /  item  > 
 <  item name="android:layout_weight"  >1 item  > 
 <  item name="android:background"  >@color/equalButton item  > 
 <  item name = "android:textSize"  >21sp item  > 
 <  item name="android:textColor"  >@android:color/white item  > 
 <  item name="android:gravity"  >center item  > 
 <  item name="android:layout_margin"  >0.5dp item  > 
  style  > 
 91   
 <  style name="NumberActionButton2"  > 
 <  item name="android:layout_width"  >0dp item  > 
 <  item name="android:layout_height"  >match_parent item  > 
 <  item name="android:layout_weight"  >1 item  > 
 <  item name="android:background"  >@color/numberActionButton2 item  > 
 <  item name ="андроид:размертекста"  >21sp item  > 
 <  item name="android:textColor"  >@android:color/white item  > 
 <  item name="android:gravity"  >center item  > 
 <  item name="android:layout_margin"  >0. 5dp item  > 
  style  > 
 
  resources Все свойства только выше style  > 5 
5 0 для калькулятора, определенного в файле styles.xml. Краткий обзор 
 
 
  ActionButtonStyle: Keys → CLEAR, /  
 
  NumberButtonStyle: Keys → 1, 2, 3, 4, 5, 6, 7, 8, 9, 0  
 
  NumberAction: Key +  
 
  EqualButtonStyle: Key → =  
 
 
 Шаг 4: Настройка файла «activity_main.xml» 
 
 Это основной файл макета, здесь вам не нужно использовать редактор пользовательского интерфейса, скорее вы можете кодировать весь макет, используя XML. Здесь мы можем использовать макет текстового представления, а не кнопки для клавиш. Я помещаю все текстовое представление в линейный макет. Это механический процесс из-за нескольких текстовых представлений. Так что просто следуй за мной прямо сейчас. 
 
    xml version="1. 0" encoding="utf-8"   ?> 
  <  LinearLayout 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" 
 android:background="@android:color/black" 
 android:orientation="vertical"  > 
 <  TextView 
 android:id="@+id/tvExpression" 
 android:layout_width="match_parent" 
 android:layout_height="80dp" 
 android:textColor="@color/actionButton" 
 android:layout_gravity= «конец» 
 android:ellipsize="start" 
 android:singleLine="true" 
 android:textSize="40sp"  /> 
 
 <  TextView 
 android:id="@+id/tvResult" 
 android: layout_width="match_parent" 
 android:layout_height="100dp" 
 android:textColor="@color/white" 
 android:layout_gravity="end" 
 android:ellipsize="end" 
 android:singleLine="true" 
 android:textSize="30sp"  /> 
 
 <  LinearLayout 
 android:layout_width="match_parent" 
 android :layout_height="match_parent" 
 android:orientation="vertical"  > 
 
 <  LinearLayout 
 android:layout_width="match_parent" 
 android:layout_height="0dp" 
 android:layout_weight="1" 
 android:orientation= "горизонтальный"  > 
 <  TextView 
 android:id="@+id/tvClear" 
 style="@style/ActionButtonStyle" 
 android:text="CLEAR"  /> 
 
 <  TextView 
 android:id="@+id /tvDivide" 
 style="@style/ActionButtonStyle" 
 android:text="/"  /> 
 
  LinearLayout  > 
 
 <  LinearLayout 
 android:layout_width="match_parent" 
 android:layout_height="android:layout_height=" 0dp" 
 андроид:layout_weight="1" 
 андроид:ориентация="горизонтальный"  > 
 
 <  TextView 
 android:id="@+id/tvSeven" 
 style="@style/NumberButtonStyle" 
 android:text="7"  /> 
 
 <  TextView 
 android:id=" @+id/tvEight" 
 style="@style/NumberButtonStyle" 
 android:text="8"  /> 
 
 <  TextView 
 android:id="@+id/tvNine" 
 style="@style/ NumberButtonStyle" 
 android:text="9"  /> 
 
 <  TextView 
 android:id="@+id/tvMul" 
 style="@style/NumberActionButton2" 
 android:text="*"  /> 
 
  LinearLayout  > 
 
 <  LinearLayout 
 android:layout_width="match_parent" 
 android:layout_height="0dp" 
 android:layout_weight="1" 
 android:layout_weight="1" :orientation="horizontal"  > 
 
 <  TextView 
 android:id="@+id/tvFour" 
 style="@style/NumberButtonStyle" 
 android:text="4"  /> 
 
 <  TextView 
 android:id="@+id/tvFive" 
 style="@style/NumberButtonStyle" 
 android:text="5"  /> 
 
 <  TextView 
 android:id="@+id/tvSix" 
 style="@style/NumberButtonStyle" 
 android:text="6"  /> 
 
 <  TextView 
 android:id="@+id/tvMinus" 
 style="@style/NumberActionButton2" 
 android:text="-"  /> 
 
  LinearLayout  > 
 
 <  LinearLayout 
 android :layout_width="match_parent" 
 android:layout_height="0dp" 
 android:layout_weight="1" 
 android:orientation="horizontal"  > 
 
 <  TextView 
 android:id="@+id/tvOne" 
 style="@style/NumberButtonStyle" 
 android:text="1"  /> 
 
 <  TextView 
 android:id="@+id/tvTwo" 
 style="@style/NumberButtonStyle" 
 android:text="2"  /> 
 
 <  TextView 
 android:id="@+id/tvThree " 
 style="@style/NumberButtonStyle" 
 android:text="3"  /> 
 
 <  TextView 
 android:id="@+id/tvPlus" 
 style="@style/NumberActionButton2" 
 android:text="+"  /> 
 
  LinearLayout  > 
 
 <  LinearLayout 
 android:layout_width="match_parent" 
 android:layout_height9="090p8" android:layout_weight="1" 
 android:orientation="horizontal"  > 
 
 <  TextView 
 android:id="@+id/tvDot" 
 style="@style/NumberButtonStyle" 
 android:text=".  "  /> 
 
 <  TextView 
 android:id="@+id/tvZero" 
 style="@style/NumberButtonStyle" 
 android:text="0"  /> 
 
 <  TextView 
 android:id="@+id/tvBack" 
 style="@style/NumberButtonStyle" 
 android:text ="DEL"  /> 
 
 <  TextView 
 android:id="@+id/tvEquals" 
 style="@style/EqualButtonStyle" 
 android:text="="  /> 
 
  LinearLayout  > 
 
  LinearLayout  > 
 
  LinearLayout  > 
 
 Шаг 5: Размещение библиотеки построителя выражений внутри Gradle. 
 Я использовал библиотеку Expression Builder для вычисления выражений. С помощью репозитория GitHub я научился это делать. Я изо всех сил пытался использовать кнопку равенства для создания результата. Итак, теперь просто поместите библиотеку построителя выражений внутрь Gradle.
  приложение → Gradle Scripts → build.gradle 
 Просто вставьте →  compile ‘net. objecthunter:exp4j:0.4.8’  внутри build.gradle
 Шаг 6: Фактический код Kotlin для калькулятора 
 Во-первых, я добавляю 1, 2, 3,…..0, когда пользователи нажимают клавиши в текстовом представлении соответственно. Для этого я создал функцию с именем  AssessmentExpression() , которая выполняет добавление к текстовому представлению. Затем в функции Equals я использую библиотеку Expression Builder и вызываю ее метод  Expression Builder  для выполнения вычислений. Код в значительной степени говорит сам за себя. Файл main_activity.kt можно найти в:
  app → java →com.example.myapplicationcalculator →MainActivity.kt 
 В моем случае имя пакета  com.example.myapplicationcalculator  , в вашем случае оно может отличаться.
   // Программа: main_activity.kt 
 // Автор: Тану. Н. Прабху 
 // Курс: CS 855 
 // Дата: 28.010.2019 
 // Задание 2 
 /* Описание: Эта программа помогает выполнять операции и расчеты 
 базового калькулятора*/ 
 //--------------------------------------------------------------- -------------------     пакет  com. example.finalcalculator 
  импорт  androidx.appcompat.app.AppCompatActivity 
  импорт  android.os.Bundle 
  импорт  kotlinx.android.synthetic.main.activity_main.* 
  импорт  net.objecthunter.exp4j.ExpressionBuilder 
  класс  MainActivity : AppCompatActivity() 
 { 
  override1814 Oncreate (SavedInstanceState: Bundle?) 
 {
  Super . Oncreate (SavedInstanceState) 
 SetContentView (R.  Mayout .  Activity_main_main ) 
9 9014.  setOnClickListener   { 
  AssessmentExpression(  "1"  , clear =  true  ) 
  }  
 
 tvTwo.  setOnClickListener   { 
  оценкаExpression(  "2"  , ясно =  true  ) 
  }  
 
 tvThree.  setOnClickListener   { 
  AssessmentExpression(  "3"  , clear =  true  ) 
  }  tvFour.   setOnClickListener   { 
  AssessmentExpression(  "4"  , clear =  true  ) 
  }  
 
 tvFive.  setOnClickListener   { 
  AssessmentExpression( "5" , ясно =  true ) 
  }  
 
 tvШесть.  setOnClickListener   { 
  AssessmentExpression(  "6"  , clear =  true  ) 
  }  
 
 tvSeven.  setOnClickListener   { 
  AssessmentExpression(  "7"  , clear =  true  ) 
  }  
 
 tvEight.  setOnClickListener   { 
  AssessmentExpression ( "8" , ясно =  true ) 
  }  
 
 твдевять.  setOnClickListener   { 
  AssessmentExpression(  "9"  , clear =  true  ) 
  }  
 
 tvZero.   setOnClickListener   { 
  AssessmentExpression(  "0"  , clear =  true  ) 
  }  
 
  /*операторы 9154 01904/   setOnClickListener   { 
  AssessmentExpression( "+" , ясно =  true ) 
  }  
 
 tvМинус.  setOnClickListener   { 
  AssessmentExpression(  "-"  , clear =  true  ) 
  }  
 
 tvMul.  setOnClickListener   { 
  AssessmentExpression(  "*"  , clear =  true  ) 
  }  
 
 tvDivide.  setOnClickListener   { 
  AssessmentExpression( "/" , ясно =  true ) 
 }  
 
 твточка.  setOnClickListener   { 
  AssessmentExpression(  ". "  , clear =  true  ) 
  }  
 
 tvClear.  setOnClickListener   { 
  tvExpression.  текст  =  "" 
  tvResult.text =  "" 
 }  
 
 tvEquals.  setOnClickListener   { 
 val  текст = tvExpression.  текст  .toString()  
 val  выражение = ExpressionBuilder(текст).build() 
 
  val  result = expression.evaluate() 
  val  longResult = result.toLong() 
  if  (result == longResult.toDouble()) { 
 tvResult.text = longResult.toString() 
 }  еще  {  
  tvResult.text = result.toString() 
 } 
  }  
 
 tvBack.  setOnClickListener   { 
 val  текст = tvExpression.  текст  .toString() 
  если  (text.isNotEmpty()) { 
 tvExpression.   Текст  = text.drop (1) 
} 
 
 tvresult.text =  "" 
 }  
 } 
 
  /*Функция для вычисления выражений с использованием выражения. оценитьвыражение(строка: строка, очистить: логическое значение) { 
  if  (очистить) { 
 Result.text =  "" 
  Expression.append(string) 
 }  else  { 
 Expression.append(Result.text) 
 Выражение.append(строка) 
 Result.text =  "" 
  } 
 } 
 } 
 
 Шаг 7: Запустите приложение с помощью эмулятора 
 Это последний шаг, теперь, когда вы написали весь код Kotlin, файл XML теперь давайте протестируем результат. Для этого мы можем использовать встроенный эмулятор андроида. Нажмите зеленую кнопку, которая выглядит как кнопка воспроизведения в правом верхнем углу, или просто нажмите  Shift + F10.  Если вы не знаете, как настроить и использовать встроенный эмулятор Android. Пожалуйста, посмотрите видео ниже:
 Кредиты: Влад Войтенко
 В качестве альтернативы, если у вас возникли проблемы с использованием эмулятора или если ваш ноутбук сильно нагревается. Не волнуйтесь, всегда есть второй вариант. Используйте Genymotion в качестве внешнего эмулятора. Вы можете посмотреть видео, как настроить Genymotion ниже:
 Кредиты: Apk Heaven
 Теперь все настроено и готово, когда вы запустите эмулятор, вы получите красивый простой калькулятор, если нет, то дважды проверьте свой код.
 Простой калькулятор
 Взаимодействие с пользователем 
 Для работы этого приложения для Android требуется взаимодействие с пользователем. Пользователь взаимодействует с приложением, выполняя элементарную задачу нажатия кнопок на клавиатуре калькулятора. Вводя числа, пользователь может выполнять основные математические операции, такие как сложение, вычитание, умножение и деление. Использование этого калькулятора тривиально; пользователю нужно только ввести входные данные в калькулятор с помощью клавиатуры, а затем указать, какие операции он хочет выполнить, щелкнув одну из четырех кнопок операций (+, -, *, /). Этот калькулятор может распознавать как положительные, так и отрицательные числа. Кроме того, он распознает порядок операций; набор правил, показывающих, какие операции следует выполнить в первую очередь для оценки выражения. Часто правила обозначаются как PEMDAS, где P-круглые скобки, E-степень, M-умножение, D-деление, A-сложение и S-вычитание. Например, если пользователь вводит 2+9*5, то калькулятор предлагает результат как 47, а не 55. Этот калькулятор не поддерживает круглые скобки и экспоненты, поэтому порядок операций в соответствии с PEMDAS в этом случае следующий: «*», т. е. 9*5, за которым следует «+», т. е. 45+2 и результат 47.
 В приведенной выше таблице 1 показаны кнопки и функции основного калькулятора. Эти операции напоминают обычный калькулятор, который всем известен в наши дни. Например, этот калькулятор отображает на экране до 18 символов (1/3 = 0,3333333333333333). Этот калькулятор имеет хороший пользовательский интерфейс и дизайн, он выглядит и немного похож на продвинутые калькуляторы, которые мы часто используем в наших телефонах Android. На самом деле, я намеревался разработать его на основе моего нынешнего Android-смартфона.
 Известные проблемы и ограничения 
 При использовании этого калькулятора мы не можем использовать сочетания клавиш для ввода данных. Мы можем использовать только кнопки, предусмотренные в самом калькуляторе, для ввода входных данных. Это не большая проблема, потому что это приложение для Android. Каждый запускает это приложение на своем смартфоне, вам не нужна клавиатура для ввода цифр.
 Кроме того, этот калькулятор не выдает никаких сообщений об ошибках, если кто-то пытается разделить на 0. Если кто-то вводит две операции одновременно, калькулятор не выводит никаких сообщений об ошибках. Например, введя выражение 5**+9, калькулятор не зависает и не аварийно завершает работу, а ожидает, пока пользователь изменит операции и превратит его в допустимое математическое выражение.
 Помимо этих двух ограничений, приложение соответствует всем критериям, перечисленным в разделе описания выше. Я использовал макет текстового представления в качестве кнопок, потому что нашел это простым способом организации кнопок рядом друг с другом. У меня были некоторые проблемы, пока я вручную раскладывал кнопки рядом с другой. Каждый раз, когда я запускал приложение с помощью эмулятора, кнопки были разбросаны по всему экрану, хотя я ограничивал макет. С помощью макета текстового представления я смог решить эту проблему.
 Следовательно, мы сознательно или неосознанно создали красивый простой калькулятор, используя Kotlin в Android Studio. Это всего лишь простой калькулятор, мы можем добавить еще несколько функций, а также построить научный. Но этого более чем достаточно для хорошего начала, чтобы освоить Kotlin и Android Studio Coding. Я бы порекомендовал вам, ребята, набирать код, а не копировать-вставлять, иногда при копировании-вставке вы получаете ошибки из-за несоответствия пакетов. У всех разные пакеты в студии Android, так что печатайте и учитесь. Если у вас, ребята, есть какие-либо сомнения относительно этого урока, напишите ответ или комментарий ниже.
No related posts.
Вперед Программа для создания фотоколлажей онлайн: Фотоколлаж – Создать Фотоколлаж Онлайн
Назад Wp cache: WP Super Cache — Плагин для WordPress
Добавить комментарий Отменить ответ
Ваш адрес email не будет опубликован. Обязательные поля помечены *
Комментарий *
Имя * 
Email * 
Сайт 
  
 
 
Рубрики
Css
Html
Http
Javascript
Photoshop
Верстка
Вопросы и ответы
Макет
Развитие сайтов
Сайт
Шаблон
Шрифт
Разное
Рубрики
Css
Html
Http
Javascript
Linux
Photoshop
Адаптив
Верстка
Вопросы и ответы
Макет
Развитие сайтов
Разное
Сайт
Советы
Шаблон
Шаблоны
Шрифт
Шрифты