Implementing a Tab Switcher in Vue 2 Using Dynamic Components and v-for

<html lang="en"> <head> <meta charset="UTF-8" /> <title>Tab Switcher Example</title> <script src="vue.js"></script> <style> .tab-label { background: #ccc; padding: 2px 5px; line-height: 30px; text-align: center; cursor: pointe ...

Posted on Sun, 11 Oct 2026 16:03:32 +0000 by deadlyp99

Working with Android Bitmaps: Creation, Loading, and Rendering

Creating a New Bitmap Instance A fresh bitmap can be alloacted by specifying dimensions and a pixel configuration. Here, a mutable 24-bit RGB image without an alpha channel is generated: int canvasWidth = 400; int canvasHeight = 300; Bitmap mutableBitmap = Bitmap.createBitmap(canvasWidth, canvasHeight, Bitmap.Config.RGB_565); The RGB_565 confi ...

Posted on Sun, 04 Oct 2026 16:13:16 +0000 by sankaty

Using IViewUI's Split Component for Panel Division

Integrating IViewUI in Main Application To incorporate IViewUI into your Vue project, include the following in your main.js file: import iView from 'iview'; import 'iview/dist/styles/iview.css'; Vue.use(iView); Implementing the Split Component The following template demosntrates how to use the Split component to divide a layout into two resiz ...

Posted on Sat, 03 Oct 2026 16:03:45 +0000 by jefftanner

Creating System Settings Screens with PreferenceActivity in Android

PreferenceActivity provides a convenient way to implement system settings screens in Android applications. Instead of manually creating configuration files and handling data persistence, PreferenceActivity manages these details automatically through SharedPreferences. First, create a XML folder in the res directory and add a configuraton file n ...

Posted on Tue, 15 Sep 2026 16:17:30 +0000 by dawsba

Building a Searchable Autocomplete Box in Qt with Preview Dropdown

A search widget featuring real-time filtering and a preview dropdown can be implemented by combining a model/view architecture with custom proxy filtering. Below is a breakdown of the approach to create a control that accepts a data set, filters rows on the fly as the user types, and displays matching results in a popup list with hover highligh ...

Posted on Tue, 25 Aug 2026 16:29:15 +0000 by GravityFX

Implementing a Sliding Drawer with Android SlidingDrawer

The effect shown above (commonly seen in many apps) can be achieved using SlidingDrawer. Introduced in Android 1.5, the android.widget.SlidingDrawer class provides a simple way to create sliding drawer UI components. SlidingDrawer Attributes android:allowSingleTap: Indicates whether the drawer can be opened or closed by clicking the handle. an ...

Posted on Mon, 17 Aug 2026 16:07:36 +0000 by gudushen

Enabling Fill Parent Behavior in ScrollView Child Views

ScrollView is a scrolling container used when content exceeds the screen dimensions. A typical implementation appears as follows: <ScrollView android:layout_width="match_parent" android:layout_height="match_parent" android:background="@color/white" > <LinearLayout android:id="@ ...

Posted on Mon, 03 Aug 2026 16:28:25 +0000 by beaudoin

Vue3 Descriptions Component Implementation

Overview The Descriptions component provides a structured way to display key-value pairs in a tabular format. It consists of two parts: the main Descriptions container and individual DescriptionsItem elements. API Specifications Descriptions Props Property Description Type Default title Title displayed at the top of the description list ...

Posted on Sun, 12 Jul 2026 16:36:35 +0000 by jurdygeorge

Displaying Real-time Progress on Android SeekBar

Displaying Real-time Progress on Android SeekBar The SeekBar is a fundamental UI component in Android that allows users to select a value by dragging a thumb along a track. A common requirement is to display the current progress value dynamically, updating in real-time as the user interacts with the slider. This guide demonstrates how to achiev ...

Posted on Fri, 10 Jul 2026 16:10:42 +0000 by phigga

Implementing Tab Title Animation Effect in Android

The animation effect involves a tab title that appears to sink into place. Here's the layout structure: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" ...

Posted on Sat, 27 Jun 2026 17:26:18 +0000 by Elizabeth