SubwayTooter-Android-App/app/src/main/java/jp/juggler/subwaytooter/dialog/EmojiPicker.kt

661 lines
17 KiB
Kotlin

package jp.juggler.subwaytooter.dialog
import android.annotation.SuppressLint
import android.app.Activity
import android.app.Dialog
import android.graphics.Typeface
import android.graphics.drawable.PictureDrawable
import android.util.SparseArray
import android.view.*
import android.widget.*
import androidx.viewpager.widget.ViewPager
import com.astuetz.PagerSlidingTabStrip
import com.bumptech.glide.Glide
import jp.juggler.emoji.EmojiMap
import jp.juggler.subwaytooter.*
import jp.juggler.subwaytooter.api.entity.CustomEmoji
import jp.juggler.subwaytooter.table.SavedAccount
import jp.juggler.subwaytooter.view.HeaderGridView
import jp.juggler.subwaytooter.view.MyViewPager
import jp.juggler.subwaytooter.view.NetworkEmojiView
import jp.juggler.util.*
import org.jetbrains.anko.padding
import org.jetbrains.anko.textColor
import java.util.*
@SuppressLint("InflateParams")
class EmojiPicker(
private val activity : Activity,
private val accessInfo : SavedAccount?,
val closeOnSelected: Boolean ,
private val onEmojiPicked : (
name : String,
instance : String?,
bInstanceHasCustomEmoji : Boolean,
unicode : String?,
customEmoji : CustomEmoji?
) -> Unit
// onEmojiPickedのinstance引数は通常の絵文字ならnull、カスタム絵文字なら非null、
) : View.OnClickListener, ViewPager.OnPageChangeListener {
class SkinTone(val suffix_list : Array<out String>) {
companion object {
fun create(vararg suffix_list : String) : SkinTone {
return SkinTone(suffix_list)
}
}
}
internal class EmojiItem(val name : String, val instance : String?)
internal class CustomCategory(
val rangeStart : Int,
val rangeLength : Int,
val view : View
)
companion object {
internal val log = LogCategory("EmojiPicker")
const val CATEGORY_RECENT = - 2
const val CATEGORY_CUSTOM = - 1
internal val tone_list = arrayOf(
SkinTone.create("_light_skin_tone", "_tone1"),
SkinTone.create("_medium_light_skin_tone", "_tone2"),
SkinTone.create("_medium_skin_tone", "_tone3"),
SkinTone.create("_medium_dark_skin_tone", "_tone4"),
SkinTone.create("_dark_skin_tone", "_tone5")
)
}
private val viewRoot : View
private val pager_adapter : EmojiPickerPagerAdapter
private val page_list = ArrayList<EmojiPickerPage>()
private val pager : MyViewPager
private val dialog : Dialog
private val pager_strip : PagerSlidingTabStrip
private val ibSkinTone : Array<ImageButton>
private var selected_tone : Int = 0
private val recent_list = ArrayList<EmojiItem>()
private var custom_list = ArrayList<EmojiItem>()
private var custom_categories = ArrayList<CustomCategory>()
private val emoji_url_map = HashMap<String, CustomEmoji>()
private val recent_page_idx : Int
private val custom_page_idx : Int
init {
// recentをロードする
val pref = App1.pref
val sv = Pref.spEmojiPickerRecent(pref)
if(sv.isNotEmpty()) {
try {
sv.decodeJsonArray().objectList().forEach { item ->
val name = item.string("name")
if(name?.isNotEmpty() == true) {
val instance = item.string("instance")
recent_list.add(EmojiItem(name, instance))
}
}
} catch(ex : Throwable) {
log.trace(ex)
}
}
// create page
this.recent_page_idx = page_list.size
page_list.add(EmojiPickerPage(false, CATEGORY_RECENT, R.string.emoji_category_recent))
this.custom_page_idx = page_list.size
page_list.add(EmojiPickerPage(false, CATEGORY_CUSTOM, R.string.emoji_category_custom))
page_list.add(
EmojiPickerPage(
true,
EmojiMap.CATEGORY_PEOPLE,
R.string.emoji_category_people
)
)
page_list.add(
EmojiPickerPage(
true,
EmojiMap.CATEGORY_NATURE,
R.string.emoji_category_nature
)
)
page_list.add(
EmojiPickerPage(
true,
EmojiMap.CATEGORY_FOODS,
R.string.emoji_category_foods
)
)
page_list.add(
EmojiPickerPage(
true,
EmojiMap.CATEGORY_ACTIVITY,
R.string.emoji_category_activity
)
)
page_list.add(
EmojiPickerPage(
true,
EmojiMap.CATEGORY_PLACES,
R.string.emoji_category_places
)
)
page_list.add(
EmojiPickerPage(
true,
EmojiMap.CATEGORY_OBJECTS,
R.string.emoji_category_objects
)
)
page_list.add(
EmojiPickerPage(
true,
EmojiMap.CATEGORY_SYMBOLS,
R.string.emoji_category_symbols
)
)
page_list.add(
EmojiPickerPage(
true,
EmojiMap.CATEGORY_FLAGS,
R.string.emoji_category_flags
)
)
if(Pref.bpEmojiPickerCategoryOther(activity)){
page_list.add(
EmojiPickerPage(
true,
EmojiMap.CATEGORY_OTHER,
R.string.emoji_category_others
)
)
}
this.viewRoot = activity.layoutInflater.inflate(R.layout.dlg_picker_emoji, null, false)
this.pager = viewRoot.findViewById(R.id.pager)
this.pager_strip = viewRoot.findViewById(R.id.pager_strip)
this.ibSkinTone = arrayOf(
initSkinTone(0, viewRoot.findViewById(R.id.btnSkinTone1)),
initSkinTone(1, viewRoot.findViewById(R.id.btnSkinTone2)),
initSkinTone(2, viewRoot.findViewById(R.id.btnSkinTone3)),
initSkinTone(3, viewRoot.findViewById(R.id.btnSkinTone4)),
initSkinTone(4, viewRoot.findViewById(R.id.btnSkinTone5))
)
showSkinTone()
this.pager_adapter = EmojiPickerPagerAdapter()
pager.adapter = pager_adapter
pager_strip.setViewPager(pager)
pager.addOnPageChangeListener(this)
onPageSelected(0)
// カスタム絵文字をロードする
if(accessInfo != null) {
setCustomEmojiList(
App1.custom_emoji_lister.getList(accessInfo) {
setCustomEmojiList(it) // ロード完了時に呼ばれる
}
)
}
this.dialog = Dialog(activity)
dialog.setContentView(viewRoot)
dialog.setCancelable(true)
dialog.setCanceledOnTouchOutside(true)
val w = dialog.window
// TODO Android 11 で SOFT_INPUT_ADJUST_RESIZE はdeprecatedになった
@Suppress("DEPRECATION")
w?.setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE)
}
private var bInstanceHasCustomEmoji = false
private fun setCustomEmojiList(list : ArrayList<CustomEmoji>?) {
if(list == null) return
bInstanceHasCustomEmoji = true
// make categories
val newList = TreeMap<String, ArrayList<EmojiItem>>()
for(emoji in list) {
if(! emoji.visible_in_picker) continue
val category = emoji.category ?: ""
var subList = newList[category]
if(subList == null) {
subList = ArrayList()
newList[category] = subList
}
subList.add(EmojiItem(emoji.shortcode, accessInfo !!.apiHost.ascii))
emoji_url_map[emoji.shortcode] = emoji
}
// compose categories data list
val entries = newList.entries
custom_list.clear()
custom_categories.clear()
custom_list.ensureCapacity(entries.sumBy { it.value.size })
custom_categories.ensureCapacity(entries.size)
entries.forEach {
val rangeStart = custom_list.size
custom_list.addAll(it.value)
val rangeLength = custom_list.size - rangeStart
custom_categories.add(CustomCategory(
rangeStart,
rangeLength,
TextView(activity).apply {
layoutParams = FrameLayout.LayoutParams(
FrameLayout.LayoutParams.MATCH_PARENT,
FrameLayout.LayoutParams.WRAP_CONTENT
)
padding = (resources.displayMetrics.density * 2f + 0.5f).toInt()
gravity = Gravity.START or Gravity.CENTER_VERTICAL
setTypeface(typeface, Typeface.BOLD)
textColor = this@EmojiPicker.activity.attrColor(R.attr.colorContentText)
textSize = 16f // SP単位
text = when(val name = it.key) {
"" -> this@EmojiPicker.activity.getString(R.string.custom_emoji)
else -> name
}
}
))
}
pager_adapter.getPageViewHolder(custom_page_idx)?.reloadCustomEmoji()
pager_adapter.getPageViewHolder(recent_page_idx)?.notifyDataSetChanged()
}
internal fun show() {
dialog.show()
}
override fun onPageScrollStateChanged(state : Int) {
}
override fun onPageScrolled(
position : Int,
positionOffset : Float,
positionOffsetPixels : Int
) {
}
override fun onPageSelected(position : Int) {
try {
val hasSkinTone = page_list[position].hasSkinTone
val visibility = if(hasSkinTone) View.VISIBLE else View.INVISIBLE
ibSkinTone.forEach { it.visibility = visibility }
} catch(ex : Throwable) {
log.trace(ex)
}
}
private fun applySkinTone(nameArg : String) : String {
if(selected_tone == 0) return nameArg
var name = nameArg
// Recentなどでは既にsuffixがついた名前が用意されている
// suffixを除去する
for(tone in tone_list) {
for(suffix in tone.suffix_list) {
if(name.endsWith(suffix)) {
name = name.substring(0, name.length - suffix.length)
break
}
}
}
// 指定したトーンのサフィックスを追加して、絵文字が存在すればその名前にする
val tone = viewRoot.findViewById<View>(selected_tone).tag as SkinTone
for(suffix in tone.suffix_list) {
val new_name = name + suffix
val info = EmojiMap.shortNameToEmojiInfo[new_name]
if(info != null) return new_name
}
return name
}
private fun initSkinTone(idx : Int, ib : ImageButton) : ImageButton {
ib.tag = tone_list[idx]
ib.setOnClickListener(this)
return ib
}
private fun showSkinTone() {
for(button in ibSkinTone) {
if(selected_tone == button.id) {
button.setImageResource(R.drawable.check_mark)
} else {
button.setImageDrawable(null)
}
}
}
override fun onClick(view : View) {
val id = view.id
selected_tone = if(selected_tone == id) 0 else id
showSkinTone()
pager_adapter.eachViewHolder { _, vh -> vh.reloadSkinTone() }
}
internal inner class EmojiPickerPage(
val hasSkinTone : Boolean,
val category_id : Int,
title_id : Int
) {
val title : String = activity.getString(title_id)
val emoji_list = when(category_id) {
CATEGORY_CUSTOM -> custom_list
CATEGORY_RECENT -> ArrayList<EmojiItem>().apply {
for(item in recent_list) {
if(item.instance != null && item.instance != accessInfo?.apiHost?.ascii) continue
add(item)
}
}
else -> ArrayList<EmojiItem>().apply {
EmojiMap.categoryMap.get(category_id)?.emoji_list?.forEach { name ->
add(EmojiItem(name, null))
}
}
}
}
inner class EmojiPickerPageViewHolder(activity : Activity, root : View) : BaseAdapter(),
AdapterView.OnItemClickListener {
private val gridView : HeaderGridView = root.findViewById(R.id.gridView)
private val wh = (0.5f + 48f * activity.resources.displayMetrics.density).toInt()
private var page : EmojiPickerPage? = null
internal fun onPageCreate(page : EmojiPickerPage) {
this.page = page
if(page.category_id != CATEGORY_CUSTOM) {
gridView.adapter = this
} else {
reloadCustomEmoji()
}
gridView.onItemClickListener = this
}
internal fun onPageDestroy() {
}
internal fun reloadSkinTone() {
val page = this.page ?: throw RuntimeException("page is not assigned")
if(page.category_id != CATEGORY_CUSTOM) {
this.notifyDataSetChanged()
}
}
fun reloadCustomEmoji() {
gridView.reset()
if(custom_categories.size >= 2) {
for(item in custom_categories) {
gridView.addHeaderView(
rangeStart = item.rangeStart,
rangeLength = item.rangeLength,
itemHeight = wh,
v = item.view,
isSelectable = false
)
}
}
gridView.adapter = this
}
override fun getCount() : Int {
return page?.emoji_list?.size ?: 0
}
override fun getItem(i : Int) : Any? {
return page?.emoji_list?.get(i)
}
override fun getItemId(i : Int) : Long {
return 0
}
override fun getViewTypeCount() : Int {
return 2
}
override fun getItemViewType(position : Int) : Int {
return if(page?.emoji_list?.get(position)?.instance != null) 1 else 0
}
override fun getView(position : Int, viewOld : View?, viewGroup : ViewGroup) : View {
val page = this.page ?: throw RuntimeException("page is not assigned")
val view : View
val item = page.emoji_list[position]
if(item.instance != null) {
view = viewOld ?: NetworkEmojiView(activity).apply {
layoutParams = AbsListView.LayoutParams(wh, wh)
}
view.setTag(R.id.btnAbout, item)
(view as? NetworkEmojiView)?.setEmoji(emoji_url_map[item.name]?.url)
} else {
if(viewOld == null) {
view = ImageView(activity)
val lp = AbsListView.LayoutParams(wh, wh)
view.layoutParams = lp
} else {
view = viewOld
}
view.setTag(R.id.btnAbout, item)
if(view is ImageView && view.activity?.isDestroyed == false) {
val name = if(page.hasSkinTone) {
applySkinTone(item.name)
} else {
item.name
}
val info = EmojiMap.shortNameToEmojiInfo[name]
if(info==null){
log.w("missing emoji for $name")
}else {
val er = info.er
if(er.isSvg) {
Glide.with(activity)
.`as`(PictureDrawable::class.java)
.load("file:///android_asset/${er.assetsName}")
.into(view)
} else {
Glide.with(activity)
.load(er.drawableId)
.into(view)
}
}
}
}
return view
}
override fun onItemClick(
adapterView : AdapterView<*>,
view : View,
idxArg : Int,
l : Long
) {
val page = this.page ?: return
val idx = gridView.findListItemIndex(idxArg)
if(idx in 0 until page.emoji_list.size) {
val item = page.emoji_list[idx]
var name = item.name
if(item.instance != null && item.instance.isNotEmpty()) {
// カスタム絵文字
selected(name, item.instance, customEmoji = emoji_url_map[item.name])
} else {
// 普通の絵文字
var ei = EmojiMap.shortNameToEmojiInfo[name] ?: return
if(page.hasSkinTone) {
val sv = applySkinTone(name)
val tmp = EmojiMap.shortNameToEmojiInfo[sv]
if(tmp != null) {
ei = tmp
name = sv
}
}
selected(name, null, unicode = ei.unified)
}
}
}
}
// name はスキントーン適用済みであること
internal fun selected(
name : String,
instance : String?,
unicode : String? = null,
customEmoji : CustomEmoji? = null
) {
val pref = App1.pref
if(closeOnSelected) dialog.dismissSafe()
// Recentをロード(他インスタンスの絵文字を含む)
val list : MutableList<JsonObject> = try {
Pref.spEmojiPickerRecent(pref).decodeJsonArray().objectList()
} catch(_ : Throwable) {
emptyList()
}.toMutableList()
// 選択された絵文字と同じ項目を除去
// 項目が増えすぎたら減らす
run {
var nCount = 0
val it = list.iterator()
while(it.hasNext()) {
val item = it.next()
if(name == item.string("name")
&& instance == item.string("instance")
) {
it.remove()
} else if(++ nCount >= 256) {
it.remove()
}
}
}
// 先頭に項目を追加
list.add(0, JsonObject().apply {
put("name", name)
if(instance != null) put("instance", instance)
})
// 保存する
try {
val sv = list.toJsonArray().toString()
App1.pref.edit().put(Pref.spEmojiPickerRecent, sv).apply()
} catch(ignored : Throwable) {
}
onEmojiPicked(name, instance, bInstanceHasCustomEmoji, unicode, customEmoji)
}
internal inner class EmojiPickerPagerAdapter : androidx.viewpager.widget.PagerAdapter() {
private val inflater : LayoutInflater
private val holder_list = SparseArray<EmojiPickerPageViewHolder>()
init {
this.inflater = activity.layoutInflater
}
override fun getCount() : Int {
return page_list.size
}
private fun Int.validPage() = this >= 0 && this < page_list.size
private fun getPage(idx : Int) : EmojiPickerPage? {
return if(idx.validPage()) page_list[idx] else null
}
fun getPageViewHolder(idx : Int) : EmojiPickerPageViewHolder? {
return if(idx.validPage()) holder_list.get(idx) else null
}
inline fun eachViewHolder(block : (Int, EmojiPickerPageViewHolder) -> Unit) {
for(i in 0 until page_list.size) {
val vh = holder_list.get(i) ?: continue
block(i, vh)
}
}
override fun getPageTitle(page_idx : Int) : CharSequence? {
return getPage(page_idx)?.title
}
override fun isViewFromObject(view : View, obj : Any) : Boolean {
return view === obj
}
override fun instantiateItem(container : ViewGroup, page_idx : Int) : Any {
val root = inflater.inflate(R.layout.page_emoji_picker, container, false)
container.addView(root, 0)
val page = page_list[page_idx]
val holder = EmojiPickerPageViewHolder(activity, root)
//
holder_list.put(page_idx, holder)
//
holder.onPageCreate(page)
return root
}
override fun destroyItem(container : ViewGroup, page_idx : Int, obj : Any) {
if(obj is View) {
container.removeView(obj)
//
val holder = holder_list.get(page_idx)
holder_list.remove(page_idx)
holder?.onPageDestroy()
}
}
}
}