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