作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在开发颜色转换器应用程序,其中一个人在 EditText 中输入色相、饱和度和亮度值。单击转换按钮时,HSL 值将转换为 RGB 和十六进制。然后将这些值设置为 TextViews。我的问题是如何将 HSL 颜色值转换为其他颜色,如 HEX、RGB 等。
这是我的代码:activity_main.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:id="@+id/backgroundLin"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:orientation="horizontal">
<EditText
android:id="@+id/hueEt"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:hint="000"
android:inputType="numberDecimal"
android:maxLength="6"
android:padding="5dp"
android:textAlignment="center" />
<EditText
android:id="@+id/satEt"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:hint="000"
android:inputType="numberDecimal"
android:maxLength="6"
android:padding="5dp"
android:textAlignment="center" />
<EditText
android:id="@+id/ligEt"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:hint="000"
android:inputType="numberDecimal"
android:maxLength="6"
android:padding="5dp"
android:textAlignment="center" />
</LinearLayout>
<Button
android:id="@+id/convertBtn"
style="@style/Base.Widget.AppCompat.Button.Colored"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:drawablePadding="10dp"
android:text="Convert"
android:textSize="18sp" />
<View
android:id="@+id/previewView"
android:layout_width="match_parent"
android:layout_height="100dp" />
<TextView
android:id="@+id/rgbTv"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
<TextView
android:id="@+id/hexTv"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
</LinearLayout>
主 Activity .java
package com.blogspot.atifsoftwares.myapplication;
import android.graphics.Color;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.Toast;
public class MainActivity extends AppCompatActivity {
EditText mHueEt, mSaturationEt, mLightnessEt;
TextView mRgbTv, mHexTv;
View mPreviewView;
Button mConvertBtn;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mHueEt = findViewById(R.id.hueEt);
mSaturationEt = findViewById(R.id.satEt);
mLightnessEt = findViewById(R.id.ligEt);
mConvertBtn = findViewById(R.id.convertBtn);
mRgbTv = findViewById(R.id.rgbTv);
mHexTv = findViewById(R.id.hexTv);
mPreviewView = findViewById(R.id.previewView);
mConvertBtn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
float hue = Float.parseFloat(mHueEt.getText().toString().trim());
float saturation = Float.parseFloat(mSaturationEt.getText().toString().trim());
float lightness = Float.parseFloat(mLightnessEt.getText().toString().trim());
//HSL
int color = Color.HSVToColor(new float[]{hue, saturation, lightness});
//RGB
int red = Color.red(color);
int green = Color.green(color);
int blue = Color.blue(color);
int alpha = Color.alpha(color);
//Hex
String hex = String.format("#%02x%02x%02x", red, green, blue);
try {
mHexTv.setText("Hex: " + hex);
mRgbTv.setText("RGB: " + red + ", " + green + ", " + blue);
mPreviewView.setBackgroundColor(color);
} catch (Exception e) {
Toast.makeText(MainActivity.this, "" + e.getMessage(), Toast.LENGTH_SHORT).show();
}
}
});
}
}
最佳答案
使用下面的方法
Color color = Color.HSVToColor( new float[]{ hue, saturation , lightness } ) );
并将颜色转换为 rgb 使用
int red = Color.red(color );
int green = Color.green(color );
int blue = Color.blue(color );
int alpha = Color.alpha(color );
关于android - 如何将 HSL 颜色转换为其他颜色,如 RGB、Hex?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53030843/
我是一名优秀的程序员,十分优秀!