Python实现十大排序算法

article/2025/10/13 3:28:25

1.排序算法概述

非线性时间比较类排序:通过比较来决定元素间的相对次序,由于其时间复杂度不能突破O(nlogn),因此称为非线性时间比较类排序。

线性时间非比较类排序:不通过比较来决定元素间的相对次序,它可以突破基于比较排序的时间下界,以线性时间运行,因此称为线性时间非比较类排序。

常见的快速排序、归并排序、堆排序以及冒泡排序等都属于比较类排序算法。 比较类排序是通过比较来决定元素间的相对次序,由于其时间复杂度不能突破 O(nlogn),因此也称为非线性时间比较类排序。在冒泡排序之类的排序中,问题规模为 n,又因为需要比较 n 次,所以平均时间复杂度为 O(n²)。在归并排序、快速排序之类的排序中,问题规模通过分治法消减为 logn 次,所以时间复杂度平均 O(nlogn)。

比较类排序的优势是,适用于各种规模的数据,也不在乎数据的分布,都能进行排序。可以说,比较排序适用于一切需要排序的情况。

计数排序、基数排序、桶排序则属于非比较类排序算法。 非比较排序不通过比较来决定元素间的相对次序,而是通过确定每个元素之前,应该有多少个元素来排序。由于它可以突破基于比较排序的时间下界,以线性时间运行,因此称为线性时间非比较类排序。
非比较排序只要确定每个元素之前的已有的元素个数即可,所有一次遍历即可解决。算法时间复杂度 O(n)。

非比较排序时间复杂度低,但由于非比较排序需要占用空间来确定唯一位置。所以对数据规模和数据分布有一定的要求。

在这里插入图片描述

2.冒泡排序(Bubble Sort)

2.1 算法概述

冒泡排序是一种简单的排序算法。

它重复地遍历待排序的序列,依次比较两个元素,如果它们的顺序错误就把它们交换过来。遍历序列的工作是重复地进行直到没有再需要交换为止,此时说明该序列已经排序完成。这个算法的名字由来是因为越小的元素会经由交换慢慢 “浮” 到数列的顶端。

2.2 算法步骤

  1. 比较相邻的元素。如果第一个比第二个大,就交换它们两个;

  2. 对每一对相邻元素进行同样的工作,从开始第一对到结尾的最后一对,这样在最后的元素应该会是最大的数;

  3. 针对所有的元素重复以上的步骤,除了最后一个;

  4. 重复步骤 1~3,直到排序完成。

2.3 算法图解

在这里插入图片描述

在这里插入图片描述

2.4 代码实现

# 时间复杂度:最好:O(n) 平均:O(n²) 最差:O(n²)
# 空间复杂度:O(1)
# 稳定性:稳定
def bubble_sort(self, nums: List[int]) -> List[int]:# 遍历len(nums)-1趟for i in range(len(nums)):is_sorted = True# 已经排序好的部分不用排序for j in range(len(nums) - i - 1):if nums[j] > nums[j + 1]:nums[j], nums[j + 1] = nums[j + 1], nums[j]is_sorted = Falseif is_sorted:breakreturn nums

3.快速排序(Quick Sort)

3.1 算法概述

快速排序的基本思想:通过一趟排序将待排序列分隔成独立的两部分,其中一部分记录的元素均比另一部分的元素小,则可分别对这两部分子序列继续进行排序,以达到整个序列有序。

3.2 算法步骤

快速排序使用分治法(Divide and conquer)策略来把一个序列分为较小和较大的 2 个子序列,然后递归地排序两个子序列。具体算法描述如下:

  1. 从序列中随机挑出一个元素,做为 “基准”(pivot);

  2. 重新排列序列,将所有比基准值小的元素摆放在基准前面,所有比基准值大的摆在基准的后面(相同的数可以到任一边)。在这个操作结束之后,该基准就处于数列的中间位置。(分区操作)

  3. 递归地把小于基准值元素的子序列和大于基准值元素的子序列进行快速排序。

3.3 算法图解

在这里插入图片描述
在这里插入图片描述
理解快排:快速排序联想成东拆西补或西拆东补一边拆一边补,直到所有元素达到有序状态。
在这里插入图片描述

3.4 代码实现

# 时间复杂度:最好:O(nlogn) 平均:O(nlogn) 最差:O(n²)
# 空间复杂度:O(nlogn)
# 稳定性:不稳定
# 实现方式1:
def quick_sort(self, nums: List[int]) -> List[int]:# 递归终止条件if len(nums) <= 1:return numspivot = nums[0]# 单层递归逻辑left = [nums[i] for i in range(1, len(nums)) if nums[i] < pivot]right = [nums[i] for i in range(1, len(nums)) if nums[i] >= pivot]return self.quick_sort(left) + [pivot] + self.quick_sort(right)
# 实现方式2:
def quick_sort1(self, nums: List[int], left: int, right: int) -> List[int]:if left < right:pivotIndex = self.partition(nums, left, right)self.quick_sort1(nums, left, pivotIndex - 1)self.quick_sort1(nums, pivotIndex + 1, right)return numsdef partition(self, nums: List[int], left: int, right: int) -> int:"""分区操作"""pivot = nums[left]# left 向右移动,直至遇到大于等于pivot的元素停止# right 向左移动,直至遇到小于等于pivot的元素停止while left < right:while left < right and nums[right] >= pivot:right -= 1nums[left] = nums[right]while left < right and nums[left] <= pivot:left += 1nums[right] = nums[left]nums[left] = pivotreturn left

4.选择排序(Selection Sort)

4.1 算法概述

选择排序是一种简单直观的排序算法,无论什么数据进去都是 O(n²) 的时间复杂度。所以用到它的时候,数据规模越小越好。唯一的好处可能就是不占用额外的内存空间了吧。

工作原理:首先在未排序序列中找到最小(大)元素,存放到排序序列的起始位置,再从剩余未排序元素中继续寻找最小(大)元素,然后放到已排序序列的末尾。以此类推,直到所有元素均排序完毕。

4.2 算法步骤

  1. 首先在未排序序列中找到最小(大)元素,存放到排序序列的起始位置
  2. 再从剩余未排序元素中继续寻找最小(大)元素,然后放到已排序序列的末尾。
  3. 重复第 2 步,直到所有元素均排序完毕。

4.3 算法图解

在这里插入图片描述

在这里插入图片描述

4.4 代码实现

# 时间复杂度:最好:O(n²) 平均:O(n²) 最差:O(n²)
# 空间复杂度:O(1)
# 稳定性:不稳定
def select_sort(self, nums: List[int]) -> List[int]:for i in range(len(nums)):# 默认最小值的索引,默认第一个元素已经排序min_index = ifor j in range(i + 1, len(nums) - 1):# 每次遍历的值与最小值进行比较if nums[j] < nums[min_index]:min_index = j# 每一轮选出最小的元素,并放置在有序序列的末尾if min_index != i:nums[i], nums[min_index] = nums[min_index], nums[i]return nums

5.堆排序(Heap Sort)

5.1 算法概述

堆排序是指利用堆这种数据结构所设计的一种排序算法。堆是一个近似完全二叉树的结构,并同时满足堆的性质:即子结点的值总是小于(或者大于)它的父节点

堆分类:

  1. 大根堆:每个节点的值都大于或等于其子节点的值,用于升序排列;
  2. 小根堆:每个节点的值都小于或等于其子节点的值,用于降序排列

5.2 算法步骤

  1. 将初始待排序列 (R1, R2, ……, Rn) 构建成大顶堆,此堆为初始的无序区;

  2. 将堆顶元素 R[1] 与最后一个元素 R[n] 交换,此时得到新的无序区 (R1, R2, ……, Rn-1) 和新的有序区 (Rn), 且满足 R[1, 2, ……, n-1]<=R[n]

  3. 由于交换后新的堆顶 R[1] 可能违反堆的性质,因此需要对当前无序区 (R1, R2, ……, Rn-1) 调整为新堆,然后再次将 R [1] 与无序区最后一个元素交换,得到新的无序区 (R1, R2, ……, Rn-2) 和新的有序区 (Rn-1, Rn)。不断重复此过程直到有序区的元素个数为 n-1,则整个排序过程完成。

5.3 算法图解

堆化过程(数组->大根堆)

  1. 原数组对应的数结构为:
    在这里插入图片描述

  2. 从第一个元素开始遍历,只要它的值比父节点大,就把它和父节点相互交换。
    在这里插入图片描述

在这里插入图片描述

5.4 代码实现

# 时间复杂度:最好:O(nlogn) 平均:O(nlogn) 最差:O(nlogn)
# 空间复杂度:O(1)
# 稳定性:不稳定
# 堆排序的核心:1.堆初始化 2.调整堆
def heap_sort(self, nums: List[int]) -> List[int]:# 1.堆初始化,从最后一个非叶子节点创建大顶堆for i in range(len(nums) // 2)[::-1]:self.adjust_heap(nums, i, len(nums))# 2.输出堆顶元素后,剩余元素继续调整为堆for i in range(len(nums))[::-1]:# 每次最大的元素在根节点nums[0], nums[i] = nums[i], nums[0]# 继续调整堆self.adjust_heap(nums, 0, i)return nums# 调整堆
def adjust_heap(self, nums: List[int], i: int, l: int)->None:# 左右孩子节点的索引lchild, rchild = 2 * i + 1, 2 * i + 2# 最大元素的索引largest = i# 从当前节点,左孩子以及右孩子节点选出最大元素的索引if lchild < l and nums[lchild] > nums[largest]:largest = lchildif rchild < l and nums[rchild] > nums[largest]:largest = rchild# 如果当前元素不是最大值,则更换最大值,继续调整堆if largest != i:nums[largest], nums[i] = nums[i], nums[largest]# largest调整后的值,大的元素在上面self.adjust_heap(nums, largest, l)

6.插入排序(Insertion Sort)

6.1 算法概述

插入排序是一种最简单直观的排序算法,它的工作原理是通过构建有序序列,对于未排序数据,在已排序序列中从后向前扫描,找到相应位置并插入。

插入排序和冒泡排序一样,也有一种优化算法,叫做拆半插入。

6.2 算法步骤

  1. 从第一个元素开始,该元素可以认为已经被排序;
  2. 取出下一个元素,在已经排序的元素序列中从后向前扫描;
  3. 如果该元素(已排序)大于新元素,将该元素移到下一位置;
  4. 重复步骤 3,直到找到已排序的元素小于或者等于新元素的位置;
  5. 将新元素插入到该位置后;
  6. 重复步骤 2~5。

6.3 算法图解

1.先将序列中第 1 个记录看成是一个有序子序列, 然后从第 2 个记录开始,逐个进行插入,直至整个序列有序。
在这里插入图片描述

2.通常是先把第一个记录看成是一个有序的序列,然后从第二个记录开始依次进行比较
在这里插入图片描述

3.r2处的38比第一个记录 r1处的49小,那么38插入到49的前面,把插入位置之后的记录顺次的后移一位,同时把带插入记录临时保存在 r0处(复制监视哨)。
在这里插入图片描述

4.然后把38插入到 r1处
在这里插入图片描述

5.下面是整个过程,一共7趟排序过程
在这里插入图片描述

在这里插入图片描述

6.4 代码实现

# 时间复杂度:最好:O(n) 平均:O(n²)最差:O(n²)
# 空间复杂度:O(1)
# 稳定性:稳定
def insert_sort(self, nums: List[int]) -> List[int]:# 遍历len(nums)-1轮for i in range(len(nums) - 1):# curNum 保存待插入元素curNum, preIndex = nums[i + 1], i# 如果待插入元素小于当前元素,当前元素值向后移动,同时下标向前移动while preIndex >= 0 and curNum < nums[preIndex]:nums[preIndex + 1] = nums[preIndex]preIndex -= 1# curNum插入的正确位置nums[preIndex + 1] = curNumreturn nums

7.希尔排序(Shell Sort)

7.1 算法概述

希尔排序是希尔 (Donald Shell) 于 1959 年提出的一种排序算法。希尔排序也是一种插入排序,它是简单插入排序经过改进之后的一个更高效的版本,也称为递减增量排序算法,同时该算法是冲破 O(n²) 的第一批算法之一。

希尔排序的基本思想是:先将整个待排序的记录序列分割成为若干子序列分别进行直接插入排序,待整个序列中的记录 “基本有序” 时,再对全体记录进行依次直接插入排序。

7.2 算法步骤

在此我们选择增量 gap=length/2,缩小增量继续以 gap = gap/2 的方式,这种增量选择我们可以用一个序列来表示,{n/2, (n/2)/2, ..., 1},称为增量序列。希尔排序的增量序列的选择与 证明是个数学难题,我们选择的这个增量序列是比较常用的,也是希尔建议的增量,称为希尔增量,但其实这个增量序列不是最优的。

  1. 选择一个增量序列 {t1, t2, …, tk},其中 (ti>tj, i<j, tk=1);

  2. 按增量序列个数 k,对序列进行 k 趟排序;

  3. 每趟排序,根据对应的增量 t,将待排序列分割成若干长度为 m 的子序列,分别对各子表进行直接插入排序。仅增量因子为 1 时,整个序列作为一个表来处理,表长度即为整个序列的长度。

7.3 算法图解

在这里插入图片描述

在这里插入图片描述

7.4 代码实现

# 时间复杂度:最好:O(n) 平均:O(n²)最差:O(n²)
# 空间复杂度:O(1)
# 稳定性:不稳定
def shell_sort(self, nums: List[int]) -> List[int]:# 定义间隔序列gap = len(nums) // 2# 当gap = 0时,排序已经全部完成while gap > 0:# 遍历的时候加了gapfor i in range(gap, len(nums)):# curNum保存待插入元素,操作元素之间的间隔为gapcurNum, preIndex = nums[i], i - gapwhile preIndex >= 0 and curNum < nums[preIndex]:# 大的数据往后移动nums[preIndex + gap] = nums[preIndex]preIndex -= gap# curNum插入的正确位置nums[preIndex + gap] = curNum# 更新间隔gap //= 2return nums

希尔排序的核心在于间隔序列的设定。既可以提前设定好间隔序列,也可以动态的定义间隔序列。

8.归并排序(Merge Sort)

8.1 算法概述

归并排序是建立在归并操作上的一种有效的排序算法。该算法是采用分治法 (Divide and Conquer) 的一个非常典型的应用。归并排序是一种稳定的排序方法。将已有序的子序列合并, 得到完全有序的序列;即先使每个子序列有序,再使子序列段间有序。若将两个有序表合并成一个有序表,称为 2 - 路归并。

和选择排序一样,归并排序的性能不受输入数据的影响,但表现比选择排序好的多,因为始终都是 O(nlogn) 的时间复杂度。代价是需要额外的内存空间。

8.2 算法步骤

归并排序算法是一个递归过程,边界条件为当输入序列仅有一个元素时,直接返回,具体过程如下:

  1. 如果输入内只有一个元素,则直接返回,否则将长度为 n 的输入序列分成两个长度为 n/2 的子列;

  2. 分别对这两个子序列进行归并排序,使子序列变为有序状态;

  3. 设定两个指针,分别指向两个已经排序子序列的起始位置;

  4. 比较两个指针所指向的元素,选择相对小的元素放入到合并空间(用于存放排序结果),并移动指针到下一位置;

  5. 重复步骤 3 ~4 直到某一指针达到序列尾;

  6. 将另一序列剩下的所有元素直接复制到合并序列尾。

8.3 算法图解

分而治之

阶段可以理解为就是递归拆分子序列的过程,递归深度为log2n。
阶段,我们需要将两个已经有序的子序列合并成一个有序序列,比如上图中的最后一次合并,要将[4,5,7,8]和[1,2,3,6]两个已经有序的子序列,合并为最终序列[1,2,3,4,5,6,7,8]

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

8.4 代码实现

# 时间复杂度:最好:O(nlogn) 平均:O(nlogn) 最差:O(nlogn)
# 空间复杂度:O(n)
# 稳定性:稳定
def merge_sort(self, nums: List[int]) -> List[int]:if len(nums) <= 1:return numsmid = len(nums) // 2left = self.merge_sort(nums[:mid])right = self.merge_sort(nums[mid:])return self.merge(left, right)def merge(self, left: List[int], right: List[int]) -> List[int]:# 存储排序之后的结果result = []i, j = 0, 0while i < len(left) and j < len(right):if left[i] <= right[j]:result.append(left[i])i += 1else:result.append(right[j])j += 1# 剩余元素加入到result的结尾result = result + left[i:] + right[j:]return result

9.计数排序(Counting Sort)

9.1 算法概述

计数排序的核心在于将输入的数据值转化为键存储在额外开辟的数组空间中。 作为一种线性时间复杂度的排序,计数排序要求输入的数据必须是有确定范围的整数

计数排序 (Counting sort) 是一种稳定的排序算法。计数排序使用一个额外的数组 C,其中第 i 个元素是待排序数组 A 中值等于 i 的元素的个数。然后根据数组 C 来将 A 中的元素排到正确的位置。它只能对整数进行排序

9.2 算法步骤

  1. 找出数组中的最大值 max、最小值 min

  2. 创建一个新数组 C,其长度是 max-min+1,其元素默认值都为 0;

  3. 遍历原数组 A 中的元素 A[i],以 A[i]-min 作为 C 数组的索引,以 A[i] 的值在 A 中元素出现次数作为 C[A[i]-min] 的值;

  4. C 数组变形,新元素的值是该元素与前一个元素值的和,即当 i>1C[i] = C[i] + C[i-1]

  5. 创建结果数组 R,长度和原始数组一样。

  6. 从后向前遍历原始数组 A 中的元素 A[i],使用 A[i] 减去最小值 min 作为索引,在计数数组 C 中找到对应的值 C[A[i]-min]C[A[i]-min]-1 就是 A[i] 在结果数组 R 中的位置,做完上 述这些操作,将 count[A[i]-min] 减小 1。

9.3 算法图解

1. 建立counts数组
在这里插入图片描述

2. 倒序遍历原待排序数组,按升序排列
在这里插入图片描述

在这里插入图片描述

9.4 代码实现

# 时间复杂度:最佳:O(n+k) 最差:O(n+k) 平均:O(n+k)
# 空间复杂度:O(n+k)
# 稳定性:稳定
def count_sort(self, nums: List[int]) -> List[int]:# 1.创建一个大小为:最大值-最小值+1的数组,初始值为0bucket = [0] * (max(nums) - min(nums) + 1)# 2.统计原数组中每个元素出现的个数,存储在新开辟的数组中for num in nums:bucket[num - min(nums)] += 1# nums的下标i = 0# 根据每个元素出现的次数,按照新开辟数组的元素从小到大依次填充到原来的数组中for j in range(len(bucket)):while bucket[j] > 0:nums[i] = j + min(nums)bucket[j] -= 1i += 1return nums

10.桶排序(Bucket Sort)

10.1 算法概述

桶排序是计数排序的升级版。它利用了函数的映射关系,高效与否的关键就在于这个映射函数的确定。为了使桶排序更加高效,我们需要做到这两点:

  1. 在额外空间充足的情况下,尽量增大桶的数量
  2. 使用的映射函数能够将输入的 N 个数据均匀的分配到 K 个桶中

桶排序的工作的原理:假设输入数据服从均匀分布,将数据分到有限数量的桶里,每个桶再分别排序(有可能再使用别的排序算法或是以递归方式继续使用桶排序进行。

10.2 算法步骤

  1. 设置一个 BucketSize,作为每个桶所能放置多少个不同数值;
  2. 遍历输入数据,并且把数据依次映射到对应的桶里去;
  3. 对每个非空的桶进行排序,可以使用其它排序方法,也可以递归使用桶排序;
  4. 从非空桶里把排好序的数据拼接起来。

10.3 算法图解

在这里插入图片描述

10.4 代码实现

# 时间复杂度:最佳:O(n+k) 最差:O(n²) 平均:O(n+k)
# 空间复杂度:O(n+k)
# 稳定性:稳定
def bucket_sort(self, nums: List[int]) -> List[int]:# 1.数据分桶# 定义桶的大小bucketSize = 4# 桶的个数bucketCount = (max(nums) - min(nums)) // bucketSize + 1# 初始化桶,二维数组buckets = [[] for _ in range(bucketCount)]# 2.数据入桶,利用函数映射将数据入桶for num in nums:buckets[(num - min(nums)) // bucketSize].append(num)nums.clear()  # 清空nums数组# 3.桶内排序,合并结果for bucket in buckets:self.insert_sort(bucket)# extend() 函数用于在列表末尾一次性追加另一个序列中的多个值nums.extend(bucket)return nums

11.基数排序(Radix Sort)

11.1 算法概述

基数排序也是非比较的排序算法,对元素中的每一位数字进行排序,从最低位开始排序,复杂度为 O(n×k)n 为数组长度,k 为数组中元素的最大的位数;
基数排序是按照低位先排序,然后收集;再按照高位排序,然后再收集;依次类推,直到最高 位。有时候有些属性是有优先级顺序的,先按低优先级排序,再按高优先级排序。最后的次序就是高优先级高的在前,高优先级相同的低优先级高的在前。基数排序基于分别排序,分别收集,所以是稳定的。

11.2 算法步骤

  1. 取得数组中的最大数,并取得位数,即为迭代次数 N(例如:数组中最大数值为 1000,则 N=4);
  2. A 为原始数组,从最低位开始取每个位组成 radix 数组;
  3. radix 进行计数排序(利用计数排序适用于小范围数的特点);
  4. radix 依次赋值给原数组;
  5. 重复 2~4 步骤 N

11.3 算法图解

在这里插入图片描述

11.4 代码实现

# 时间复杂度:最佳:O(n×k) 最差:O(n×k) 平均:O(n×k)
# 空间复杂度:O(n+k)
# 稳定性:稳定
def radix_sort(self, nums: List[int]) -> List[int]:mod, div = 10, 1# 最大元素位数的长度决定外循环的次数mostBit = len(str(max(nums)))# 初始化一个0-9的桶buckets = [[] for i in range(mod)]while mostBit:# 数据入桶for num in nums:buckets[num // div % mod].append(num)i = 0# 收集结果,从每个桶中取数for bucket in buckets:while bucket:nums[i] = bucket.pop(0)i += 1# 高位div *= 10mostBit -= 1return nums

这三种排序算法都利用了桶的概念,但对桶的使用方法上有明显差异:

  • 基数排序:根据键值的每位数字来分配桶
  • 计数排序:每个桶只存储单一键值
  • 桶排序:每个桶存储一定范围的数值

参考资料:

  1. https://www.jianshu.com/p/2fc29e1388d5
  2. https://www.guoyaohua.com/sorting
  3. https://www.jianshu.com/p/bbbab7fa77a2
  4. https://www.cnblogs.com/chengxiao/p/6194356.html

http://chatgpt.dhexx.cn/article/xdmnaVVL.shtml

相关文章

Java实现十大排序算法

Java实现十大排序算法 十大排序算法分别为&#xff1a;选择排序、冒泡排序、插入排序、快速排序、归并排序、堆排序、希尔排序、桶排序、计数排序、基数排序。 本篇只是为了方便我在代码中直接复制调用&#xff0c;因此原理和思想解释的并不清楚&#xff0c;想看原理的朋友可…

十大排序算法(C++版)

十大排序算法 前言一、插入排序二、希尔排序三、冒泡排序四、快速排序五、选择排序六、归并排序七、堆排序八、计数排序九、桶排序十、基数排序总结 前言 什么是排序&#xff1f; 排序&#xff1a;将一组杂乱无章的数据按一定规律顺次排列起来。即&#xff0c;将无序序列排成一…

十大排序算法详解

十大排序算法详解 参考程序员必知必会的十大排序算法详解 引言 对于排序的分类&#xff0c;可以将排序算法分为两大类&#xff1a;基于比较和非比较的算法。 基于比较的排序算法可以细分为&#xff1a; 基于交换类&#xff1a;冒泡排序、快速排序基于插入类&#xff1a;直接插入…

JS 实现十大排序算法

文章目录 前言零、十大排序一、冒泡排序&#xff08;bubbleSort&#xff09;二、选择排序&#xff08;selectionSort&#xff09;三、插入排序&#xff08;insertSort&#xff09;四、希尔排序&#xff08;shellSort&#xff09;五、归并排序&#xff08;mergeSort&#xff09;…

十大经典排序算法Java版(动图演示)

文章目录 0 排序算法说明0.1 内部排序和外部排序0.2 比较类排序和非比较类排序0.3 关于时间复杂度0.4 关于稳定性0.5 名词解释&#xff1a; 1 交换排序——冒泡排序&#xff08;Bubble Sort&#xff09;1.1 什么时候最快1.2 什么时候最慢1.3 算法步骤1.4 动图演示1.5 Java实现 …

html之如何让button按钮居中

解决措施&#xff1a;使用center或者div的align属性 示例代码&#xff1a; <html> <body><center><button onClick"clickme()">hit me</button></center><script>function clickme(){alert("123");} </scr…

HTML中让表单和提交按钮居中的方法

表单&#xff1a; form{ width: 500px; /*设置宽度&#xff0c;方便使其居中*/ margin: 40px auto auto auto; /*上右下左*/ font-size: 25px; 提交按钮&#xff1a;div的align属性 <div align"center"><button onClick"clickme()">提交…

android中的Button按钮居中(水平垂直中)

今天发现一个很怪异的事 Android Studio中居然一个简单的按钮水品垂直居中都写不出来 下图为理想效果&#xff1a; 可是当我写原始出代码的时候&#xff08;如下&#xff09;&#xff1a; <LinearLayout xmlns:android"http://schemas.android.com/apk/res/android&quo…

Vue组件居中:文字居中,按钮居中,图片居中等,如何实现在容器中居中

Vue实现组件在容器中居中显示的办法 本文用实验的方法理解各种方法实现居中的效果。 实现水平居中的样式主要有&#xff1a;text-align: center&#xff0c; margin: auto。 当然还有别的方式也可以实现&#xff0c;也会写在下面。 用三个同样的div来控制变量法看效果&#xf…

Contact form 7 提交按钮居中,怎么设置submit button居中显示

Contact form 7 提交按钮居中&#xff0c;怎么设置submit button居中显示 前言 最近公司在做网站&#xff0c;毫无疑问用的是wordpress程序&#xff0c;然后就用到了contact form 7这个插件。单是这个插件的按钮始终无法居中显示&#xff0c;查了很多教程有的让改主题&#x…

tkinter 让按钮居中显示

def ask(self, title, text, btn_comfirm_name"确定", btn_cancel_name"取消", wraplength400):self.master.title(title)tk.Label(self.middle, texttext, bg"#ffffff", wraplengthwraplength,justify"left").pack(pady15)self.botto…

html表单中按钮居中,Ant design StepsForm中如何使底部按钮居中

如图所示,当前有一个StepsForm表单,代码如下(基本就是官网的示例修改的)const Demo: React.FC = () => {const Option = [ {key: 1, value: 111, label: 个人 }, {key: 2, value: 222, label: 合作 }, ] const waitTime = (time: number = 100) => {return new Promise…

layui使按钮居中_button按钮居中的方法

今天在写页面时&#xff0c;发现给button按钮设置居中时&#xff0c;css页面写了text-align"center"&#xff0c;但是不起作用&#xff0c;用了display属性也无作用&#xff0c;试了好多次发现要给button按钮添加个p&#xff0c;然后让p居中就可以了。以下写个test来…

Android IMS 语音通话 vs 视频通话 vs 视频彩铃

背景 以下内容基于Android P code。 主要差异 视频通话比语音通话主要是多了判断是否为视频通话&#xff0c;及视频的显示和传输。如下&#xff1a; video call 视频界面显示控制 界面通过IVideoProvider控制camera的显示并设置TextureView等&#xff0c;Ims service通过IV…

Unity 语音和视频通话快速解决方案——声网 SDK接入指南(Android)

Unity 语音和视频通话快速解决方案——声网 SDK接入指南&#xff08;Android&#xff09; 文章目录 Unity 语音和视频通话快速解决方案——声网 SDK接入指南&#xff08;Android&#xff09;一、前言二、后台创建应用三、获取 SDK四、接入 Agora Voice 语音 SDK1. 导入工程2. 搭…

技术分享| 小程序实现音视频通话

上一期我们把前期准备工作做完了&#xff0c;这一期就带大家实现音视频通话&#xff01; sdk 二次封装 为了更好的区分功能&#xff0c;我分成了六个 js 文件 config.js 音视频与呼叫邀请配置 store.js 实现音视频通话的变量 rtc.js 音视频逻辑封装 live-code.js 微信推拉…

快速开放,推荐一个视频通话sdk agora

1&#xff0c;agora 推荐一个做实时视频的sdk。 做互联网公司&#xff0c;要快速做出自己的稳定的产品。 视频&#xff0c;语音聊天还是有一定的门槛的。 http://cn.agora.io/ 做互联网的要的就是要快速 2&#xff0c;每个月还有免费的流量 上线后每月10000分钟免费。这个…

基于linphone android sdk 的voip语音、视频通话 教程三、视频通话

如果觉得下面的麻烦可以直接到https://item.taobao.com/item.htm?id587133228080获取源码。源码功能性更好、更完善。 想测试apk请加群261074724 最新的sdk4教程地址 https://blog.csdn.net/Java_lilin/article/details/84842314 前面两篇介绍了注册、拨打、接听等 参考地…

Web项目引入Agora SDK实现视频通话功能

零、前言 简介&#xff1a;声网Agora。一个专注移动端的高清实时通话云服务解决方案。 &#xff08;1&#xff09;声网Agora成立于2013年&#xff0c;是实时音视频云行业开创者和全球领先的专业PaaS服务商。开发者只需简单调用Agora API&#xff0c;30分钟即可在应用内构建多种…

Android之 集成音视频通话

一&#xff0c;背景 1.1 最近接收一个即时通讯二开项目&#xff0c;即时通讯部分用的XMPP协议&#xff0c;音视频则是集成的国外的开源免费库jitsi-meet-sdk-2.4.0-4.aar&#xff0c;是基于WebRTC的开源框架。但客户想要微信那种页面的排版&#xff0c;后来经研究jitsi是不能修…